html文本框不可编辑,禁止用户修改的几种方法
2013-08-23 12:55
351 查看
解决思路:
在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。
具体步骤:
方法一:设置readonly属性为true。
特别提示
代码运行效果如图1.4.16所示。
图1.4.16 禁止输入的文本框
onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。
来源:http://hi.baidu.com/lffsonic/item/a87c853f3fc69dbf124b1411
在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。
具体步骤:
方法一:设置readonly属性为true。
Html代码
<input type="text" value="readonly" readonly><input type="text" value="readonly" readonly>
方法二:设置disabled属性为true。Html代码
<input type="text" value="disabled" disabled><input type="text" value="disabled" disabled>
方法三:在对象focus时立刻让它blur,使它无法获得焦点。Html代码
<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"><input type="text" value="onfocus=this.blur()" onfocus="this.blur()">
提示:readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 readonly是可以提交的特别提示
代码运行效果如图1.4.16所示。
图1.4.16 禁止输入的文本框
特别说明
本例需要了解readonly和disabled属性的用法,两属性的区别见第三部分问题43。需要掌握的一个技巧是如何让对象得不到焦点,主是要下面的事件或方法的应用:onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。
来源:http://hi.baidu.com/lffsonic/item/a87c853f3fc69dbf124b1411
相关文章推荐
- html文本框不可编辑,禁止用户修改的几种方法
- html文本框不可编辑,禁止用户修改的几种方法
- html文本框不可编辑,禁止用户修改的几种方法
- html文本框不可编辑,禁止用户修改的几种方法
- html文本框不可编辑,禁止用户修改的几种方法
- html文本框不可编辑,禁止用户修改的几种方法
- html文本框不可编辑,禁止用户修改的几种方法
- jsp 文本框不可编辑,禁止文本框的输入,JSP页面中的文本框只显示内容,而用户无法修改
- jsp 文本框不可编辑,禁止文本框的输入,JSP页面中的文本框只显示内容,而用户无法修改
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件,兼容各大主流浏览器 HTML特殊字符
- 修改placeholder的颜色 、HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法汇总
- HTML中让表单input等文本框不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- HTML中让表单input等文本框为只读不可编辑的方法
- AngularJS进阶(三)HTML:让表单、文本框只读,不可编辑的方法