html文本框不可编辑,禁止用户修改的几种方法
来源:互联网 发布:温度监测软件 编辑:程序博客网 时间:2024/05/21 21:36
解决思路:
在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。
具体步骤:
方法一:设置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文本框不可编辑,禁止用户修改的几种方法
- jsp 文本框不可编辑,禁止文本框的输入,JSP页面中的文本框只显示内容,而用户无法修改
- jsp 文本框不可编辑,禁止文本框的输入,JSP页面中的文本框只显示内容,而用户无法修改
- HTML:让表单 文本框 只读,不可编辑的方法
- 修改placeholder的颜色 、HTML中让表单input等文本框为只读不可编辑的方法
- html禁止input文本框输入的几种方式
- 使input文本框不可编辑的3种方法
- input文本框不可编辑的3种方法
- 使input文本框不可编辑的3种方法
- 使input文本框不可编辑的3种方法
- 使input文本框不可编辑的3种方法
- 使input文本框不可编辑的3种方法
- 使input文本框不可编辑的3种方法
- Linux2.6内核--内存管理(2)--区
- POJ 2411 Mondriaan's Dream dp(矩形填充)
- socket头文件
- win7+vs2010+opencv2.4.6调试SfM-Toy-Library-master时遇到的问题和解决办法
- 栗子:控制反转(依赖注入)IOC
- html文本框不可编辑,禁止用户修改的几种方法
- IOS 图片压缩
- win7 万能驱动 win8 万能驱动
- hdu(2102) A计划
- request_irq函数介绍
- Oracle DBA 知识点和操作命令
- linux下svn命令使用总结
- 12岁的少年教你用Python做小游戏
- Linux系统编程学习之《进程环境》