如何使inputtype=file不可编辑
来源:优易学  2011-12-23 16:03:49   【优易学:中国教育考试门户网】   资料下载   IT书店

  今天在做项目的时候,遇到上传文本框的问题,

  <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"/>

  对比一下,第二种简单方便,问题解决。

责任编辑:小草

文章搜索:
 相关文章
热点资讯
资讯快报
热门课程培训