本文所分享的知识点是【HTML中禁用表单控件的两种方法readonly与disabled】,欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略,下面是详细的讲解。
HTML中禁用表单控件的两种方法readonly与disabled
在网页的制作过程中,我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的,比如在修改密码的网页中,显示用户名的文本框就应该是不可修改状态的。
在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表单提交,disabled无法获取数据的问题
答:不要用disabled,如果是文本框,换用readonly属性来使文本框只读就好了.如果disabled的话,那么表单提交时是不带该控件数据的. >>详细
相关问题:HTML中disabled和readonly的区别
答:ReadOnly和Disabled的作用是使用户不能够更改表单域中的内容. 但是二者还是有着一些区别的: 1、Readonly只针对input(text/password)和textarea有效,而disabled对于所有的表单元素有效,包括select,radio,checkbox,button等。 2、在表单元素使... >>详细
相关问题:html中input标签能创建哪些表单?
答:表单元素input是用来配置表单中的输入字段,input元素可配置10种不同类型的输入字段,字段类型由type属性决定。 input元素不仅可以布置于表单中,也可布置于区块型元素或线内元素中 input元素为空元素,在HTML文件中没有终止标签,但在XHTML文件... >>详细
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
