JS禁止input表单元素手动输入方法(转)
2014-11-20 09:43
627 查看
第二种方法 本人测试可用
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"/>控件的鼠标右键菜单、按键事件限制住,不让用户有机会输入。 www.it165.net
<input type="file" onkeydown="return false" onkeyup="return false" oncontextmenu="return false">
3. 使用contenteditable属性
使用该属性可以有效地限制用户在<input type="file"/>控件中手动输入内容,而只能通过文件选择对话框选择文件。
<input type="file" id="file1" contenteditable="false" />
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"/>控件的鼠标右键菜单、按键事件限制住,不让用户有机会输入。 www.it165.net
<input type="file" onkeydown="return false" onkeyup="return false" oncontextmenu="return false">
3. 使用contenteditable属性
使用该属性可以有效地限制用户在<input type="file"/>控件中手动输入内容,而只能通过文件选择对话框选择文件。
<input type="file" id="file1" contenteditable="false" />
相关文章推荐
- html表单input元素输入立即校验的方法
- input type=file 标签禁止让用户手动输入
- 几种设置表单元素中文本输入框不可编辑的方法
- js对表单元素访问的方法总结
- 几种设置表单元素中文本输入框不可编辑的方法
- FileUpload 控件禁止手动输入的方法
- js 中判断表单输入方法
- 表单元素input、按钮、文字完美垂直居中对齐方法
- 禁止html文件控件手动输入的方法
- 上传图片input-file表单元素值为C://fakepath,不能得到本地真实路径解决方法
- 禁止html文件控件手动输入的方法
- JS 常见的表单输入限制方法代码
- 表单元素input、按钮、文字完美垂直居中对齐方法
- input标签禁止让用户手动输入
- js禁用和激活input表单的方法
- input type=file 标签禁止让用户手动输入
- JS常见的表单输入限制方法的代码
- js验证表单输入的方法
- 几种设置表单元素中文本输入框不可编辑的方法
- 转【input type=file 标签禁止让用户手动输入】