HTML中禁用表单控件的两种方法readonly与disabled
2016-08-31 14:40
330 查看
时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的,下面与大家分享下禁用表中控件的两种方法
在网页的制作过程中,我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的。
在html中有两种禁用的方法,他们分别是:
1.给控件标签加上readonly='readonly'属性
2.给控件标签加上disabled='disabled'属性
举例:
复制代码
代码如下:
<input type="text" value="只读的" readonly="readonly" />
<input type="text" value="不可用的" disabled="disabled" />
举例中的两个控件都是不可修改的。但是他们也有一些区别!
从字面意思我们可以知道,试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢?
只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的,但是程序员可以用javascript来修改,当提交表单的时候这个控件的名和值会提交到服务器,也就是说对服务器是可见的。
而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改,而且是对服务器不可见的,即提交表单的时候其名和值不会提交到服务器,当然,程序员也可以用javascript来修改其值。
这就是他们的区别,知道了区别之后咱们就应该知道什么时候使用哪种方法了,切不可盲目!
在网页的制作过程中,我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的。
在html中有两种禁用的方法,他们分别是:
1.给控件标签加上readonly='readonly'属性
2.给控件标签加上disabled='disabled'属性
举例:
复制代码
代码如下:
<input type="text" value="只读的" readonly="readonly" />
<input type="text" value="不可用的" disabled="disabled" />
举例中的两个控件都是不可修改的。但是他们也有一些区别!
从字面意思我们可以知道,试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢?
只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的,但是程序员可以用javascript来修改,当提交表单的时候这个控件的名和值会提交到服务器,也就是说对服务器是可见的。
而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改,而且是对服务器不可见的,即提交表单的时候其名和值不会提交到服务器,当然,程序员也可以用javascript来修改其值。
这就是他们的区别,知道了区别之后咱们就应该知道什么时候使用哪种方法了,切不可盲目!
相关文章推荐
- HTML中禁用表单控件的两种方法readonly与disabled
- 【html】表单控件禁用属性:readonly VS disabled
- html表单属性readonly和disabled的使用方法
- HTML中禁用表中控件的两种方法与区别
- html disabled 和readonly,disabled 引起的form表单提交问题
- html 表单提交的两种方法的区别 post get
- 解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
- JS--获取表单控件值的两种方法
- 转:表单中Readonly和Disabled的区别(HTML中使用javascript解除禁止input输入框代)
- 解决HTML SELECT控件 disabled 后无法向后台传值的方法
- 控件禁用:readonly、enabled、disabled
- 关于form表单中禁用所有Asp.net 服务器控件TextBox的方法
- Javascript获取鼠标的位置, 获取Html控件的绝对位置的两种方法
- POST 方法传参 , HTML控件是 disabled="disabled" 将不会传参
- 在C#.net中做页面上传的程序。用Dhtml的控件:(创建文件上载控件,该控件带有一个文本框和一个浏览按钮。)和类HtmlInputFile的两种方法
- 解决HTML select控件 设置属性 disabled 后无法向后台传值的方法
- HTML表单中Readonly和Disabled的区别
- html网页表单中禁用复制、右键、粘贴、剪切等方法
- 关于bootstrap--表单控件(disabled表单禁用、显示表单验证的样式)
- (15)html表单之四“readonly”“disabled”“tabindex”和"accesskey"