如何将input type="file"显示的"浏览" 变成英文的?

显示

解决方法:

方法一:使用英文Windows系统(这个不太现实,全是废话,不要扔我鸡蛋!)

方法二:隐藏<input type="file" /> ,自己写一个按钮,加上onclick事件,触发 file文件域。

详细讲解下方法二:模拟自定义的效果

1、页面上放个隐藏的<input type=“file” />

2、然后加上一个文本input(type="text")和一个按钮input(type="button")

3、点按钮的时候调用<input type=file />的click选择文件

4、在<input type=file />的onchange事件中把其值显示在文本input中

5、注意把文本input设置成只读的,防止出错
 <form name=formen> <input type="file" name="picpath" id="picpath" style="display:none" > <input name="path" readonly> <input type="button" value="Browse" > </form>

时间: 2024-09-27 14:26:10

如何将input&nbsp;type=&quot;file&quot;显示的&quot;浏览&quot;&nbsp;变成英文的?的相关文章

js清除input中type等于file的值域

 本篇文章主要介绍了js清除input中type等于file的值域(示例代码) 需要的朋友可以过来参考下,希望对大家有所帮助 如下所示; var objFile = document.getElementById('fileID'); objFile.outerHTML=objFile.outerHTML.replace(/(value=").+"/i,"$1"");     

js清除input中type等于file的值域(示例代码)_javascript技巧

如下所示;var objFile = document.getElementById('fileID');objFile.outerHTML=objFile.outerHTML.replace(/(value=\").+\"/i,"$1\"");

js 获取、清空input type=&amp;quot;file&amp;quot;的值(示例代码)_javascript技巧

上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过 javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页, 你就可以随心所欲的上传他电脑上的文件了. js 获取<intput type=file />的值 复制代码 代码如下: <html>

ie8下修改input的type属性报错的解决方法_javascript技巧

摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现. 当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password&quo

IE8 input输入框type=“password”自动生成input框的疑问

问题描述 IE8 input输入框type="password"自动生成input框的疑问 近期在做前端工作,调试的时候发现了个很奇葩的现象,当我的input输入框的type 类型为password的时候,IE8会在该元素后面重新生成个input框,并把代码中的input框给设为"display:none:",导致文本框使用不了,哪位大神知道怎么解决这个问题吗?求指点,图片随后附上~ 解决方案 placehoder.js这个组件生产的,ie8-不支持placehol

html5 input的type属性启动数字输入法

   当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字键盘的需求,我和大多数人一样用this.style.imeMode='disabled'; imeMode有四种形式,分别是: active 代表输入法为中文 inactive 代表输入法为英文 auto 代表打开输入法 (默认) disable 代表关闭输入法 发现在Android手机上是不行的. 解决办法:html5里的 input 的type

js修改input的type属性及浏览器兼容问题探讨与解决_javascript技巧

js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改.在ff下仍是可读写属性. 今天遇到个问题,输入框有默认值"密码",但获得焦点时,"密码"两字会去掉,输入时直接变成"****"的password类型.很明显,一开始的时候,input的类型是text,后来变成了password类型.直观的思路是

js修改input的type属性问题探讨_javascript技巧

js修改input的type属性有些限制.当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题.但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改.在ff下仍是可读写属性. 今天遇到个问题,输入框有默认值"密码",但获得焦点时,"密码"两字会去掉,输入时直接变成"****"的password类型.很明显,一开始的时候,input的类型是text,后来变成了password类型.直观的思路是

input框居右光标不显示

问题描述 input框居右光标不显示 在IE8中,将input框的text-align设置为right时,光标不显示,设置为left时,就显示了在谷歌浏览器中,不会出现这个问题.大牛们,这怎么整? 解决方案 见了,为什么不见,只是很靠边而已,不靠边添加padding-right <input type=""text"" style=""text-align:right;padding-right:5px"" />