使input type="file" 不可编辑
2009-12-22 15:31
323 查看
今天在做项目的时候,遇到上传文本框的问题,
<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",用text显示
- input type="file" 的onchange事件
- 上传文件控制input type="file"样式修改记
- Android WebView 支持H5图片上传<input type="file">
- JQuery------获取<input type="file">中的文件内容
- 上传表格input【type="file"】
- js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- 清空 input type="file" 里面已经选择的路径
- 将input type="file" 类型的图片文件转成base64
- 手机浏览器<input type="file">标签调用手机拍照+分片上传
- js 获取、清空input type="file"的值示例代码
- s 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- Android WebView 不支持 H5 input type="file" 解决方法
- IE11也不再支持document.createElement("<input type='file' name='upload'/>");
- 选择多个文件上传<input type="file" id="myfileinput" multiple>
- IE11下获取<input type="file">的文件名
- 判断 <input type="file"> 是否为空