怎么让input type="file" 不可编辑
2010-10-18 17:11
483 查看
今天在做项目的时候,遇到上传文本框的问题,
<input type="file" size="100" name="photoupload" />
在firefox中,该控件产生的文本框是默认不可编辑的,但是在IE下,该文本框可编辑,
根据用户需要,此文本框应为不可编辑。
但是直接将其设置为“readonly”或者“disabled”后,对应的浏览按钮也无法使用了。所以此法不通。
在网上搜索了一些资料,主要有以下几种方法:
1.变通处理:
<input type=file id=a1 style="visibility:hidden">
<input id=a2 type=text readonly>
<input type=button value=浏览 onclick="a1.click(); a2.value= a1.value">
2.增加如下属性:
contenteditable="false"
实例代码:
<input type="file" style="width: 446px" id="ptlFile" contenteditable="false"/>
对比一下,第二种简单方便,问题解决。
<input type="file" size="100" name="photoupload" />
在firefox中,该控件产生的文本框是默认不可编辑的,但是在IE下,该文本框可编辑,
根据用户需要,此文本框应为不可编辑。
但是直接将其设置为“readonly”或者“disabled”后,对应的浏览按钮也无法使用了。所以此法不通。
在网上搜索了一些资料,主要有以下几种方法:
1.变通处理:
<input type=file id=a1 style="visibility:hidden">
<input id=a2 type=text readonly>
<input type=button value=浏览 onclick="a1.click(); a2.value= a1.value">
2.增加如下属性:
contenteditable="false"
实例代码:
<input type="file" style="width: 446px" id="ptlFile" contenteditable="false"/>
对比一下,第二种简单方便,问题解决。
相关文章推荐
- 使input type="file" 不可编辑
- 使input type="file" 不可编辑
- 让文本框内容不可编辑,如果type="file",那么只能通过点击浏览来改变,不能通过输入文字改变
- input type="file" 选取文件路径时出现fakepath问题IE浏览器解决办法
- input type="file" 上传文件,若是flv格式,则截取保存一张图片asp.net
- <input type="file" />浏览时只显示指定文件类型
- <input type="file">中怎设置按钮的样式
- <input type="file">更改 页面显示 浏览 为上传 .
- <input type="file" />accept属性列表
- 每日一剂:怎么间接调用input type="file"和type="date"
- 任意美化你的文件域 <input type="file" />
- 关于<input type="file">样式的美化
- 关于jsp中<input type="file">获取路径问文件名,获取完全路径问题
- input type="file" 显示的中文怎么改成英文的方法
- 关于JSP中单击任意标签弹出文件选择框(<input type="file"/>)的实现方法
- <input type="file" />浏览时只显示指定文件类型
- 关于清空input[type="file"]的方法
- <input type="file">定义样式并获取上传文件路径及指定文件类型
- IE11下获取<input type="file">的文件名
- asp.net/c# 用<input type="file" />实现文件上传,multipart/form-data