html文本框不可编辑,禁止用户修改的几种方法
2016-04-06 10:14
525 查看
解决思路:
在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。
具体步骤:
方法一:设置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模糊对象的内容以便使其看起来失去焦点。
在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。
具体步骤:
方法一:设置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模糊对象的内容以便使其看起来失去焦点。
相关文章推荐
- [转]Html 点击文字选中checkbox
- 初识HTML
- HTML属性大全
- Markdown语法整理
- 学习html心得
- html转义字符
- 【红宝书笔记】关于innerHTML的一点坑
- 简单的投票页面,只有一个html页面
- HTML基础练习
- html与xhtml的区别
- HTML中标签元素三种不同类型
- HTML中盒子模型上下左右(水平和垂直方向)都居中
- HTML城市联动
- HTML增加附件
- Thymeleaf利用layout.html文件生成页面布局框架
- 引入unittest和HTMLTestRunner来进行自动化回归
- Web学习之html
- html 中div垂直居中的三种方式
- HTML data属性简介以及低版本浏览器兼容算法
- html表单,(内联)框架,背景,颜色