博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input type=file 标签禁止让用户手动输入
阅读量:4329 次
发布时间:2019-06-06

本文共 888 字,大约阅读时间需要 2 分钟。

 其实在FireFox和IE8中已经对这个控件进行了相应的限制,如果你在这两种浏览器中查看带有</input type="file">标签的页面,会看到根本不允许用户直接输入,而只能通过点击“浏览”按钮来选择文件,这样就可以有效地确保用户所选文件的合法性。但是在IE7和一些低版本的浏览器中仍然是可以输入的,这个时候就需要对这个控件进行一些限制,下面是可以采用的方法:

 

1. 替代法

      使用隐藏的<input type="file"/>控件,然后用一个只读的文本框和一个按钮来模拟<input type="file"/>的功能。

< input  type ="file"  name ="file"  onpropertychange ="file1.value=this.value"  style =display:none />    
< input  type ="text"  name ="file1"  readonly />    
< input  type ="button"  value ="浏览"  id ="button1"  name ="button1"  onclick ="file.click()" />
 

2. 使用脚本事件限制控件输入

      将<input type="file"/>控件的鼠标右键菜单、按键事件限制住,不让用户有机会输入。

< input  type ="file"  onkeydown ="return false"  onkeyup ="return false"  oncontextmenu ="return false" >
 

3. 使用contenteditable属性

      使用该属性可以有效地限制用户在<input type="file"/>控件中手动输入内容,而只能通过文件选择对话框选择文件。

< input  type ="file"  id ="file1"  contenteditable ="false"   />

转载于:https://www.cnblogs.com/loveAnimal/archive/2012/07/31/2616614.html

你可能感兴趣的文章
(简单)华为Nova青春 WAS-AL00的USB调试模式在哪里开启的流程
查看>>
图论知识,博客
查看>>
[原创]一篇无关技术的小日记(仅作暂存)
查看>>
20145303刘俊谦 Exp7 网络欺诈技术防范
查看>>
原生和jQuery的ajax用法
查看>>
iOS开发播放文本
查看>>
20145202马超《java》实验5
查看>>
JQuery 事件
查看>>
main(argc,argv[])
查看>>
在线教育工具—白板系统的迭代1——bug监控排查
查看>>
121. Best Time to Buy and Sell Stock
查看>>
hdu 1005 根据递推公式构造矩阵 ( 矩阵快速幂)
查看>>
安装php扩展
查看>>
百度移动搜索主要有如下几类结果构成
查看>>
Python爬虫面试题170道:2019版【1】
查看>>
JavaBean规范
查看>>
第四阶段 15_Linux tomcat安装与配置
查看>>
NAS 创建大文件
查看>>
学习笔记-模块之xml文件处理
查看>>
接口测试用例
查看>>