input type=file 标签禁止让用户手动输入
2015-05-29 14:39
363 查看
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" />相关文章推荐
- Eclipse中使用Git插件(一)
- ST emWin 调试
- Tomcat版本与Servlet、JSP等版本的支持关系
- unresolved external symbol __chkstk
- SQL Server 2008“备份集中的数据库备份与现有的数据库不同”解决方法
- 第13周项目—阅读3
- 计算素数
- Andriod程序如何在安卓市场发布
- python类库26[读写Excel]
- POJ 1182 食物链 (并查集)
- 硬件环境对数据库系统性能的影响
- SPRINGMVC实现在线预览功能(openOffice)
- struts2.1 + Spring 3.X + hibernate3.X架构搭建问题记录
- win7下u盘安装ubuntu14.10双系统
- Axis2开发WebService并打包成.war包发布
- nodejs npm install全局安装和本地安装的区别
- Android学习笔记--获得Android studio的SHA1的方法
- [Swift 学习笔记] 之 前言
- Hadoop1.x伪分布式详细安装步骤
- ios TableView cell的布局