关于html表单元素的readonly和disabled属性
readonly属性规定输入字段为只读。只读字段是不能修改的。不过,用户仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本。readonly只对text、password以及textarea有效。将其设置在select、radio、checkbox等表单元素上不会起效果,用户仍然可以更改表单元素选中的值。
readonly只用于阻止用户修改表单元素的值,并不会在提交表单时阻止表单元素的提交。disabled属性表示禁用该表单元素。被禁用的表单元素既不可用,也不可点击,不可接收焦点,也无法选中其中的文本内容。该属性对text、password、textarea、select、radio、checkbox、hidden、option等表单元素都有效。disabled属性不仅会阻止用户操作该元素,并且在提交表单时会阻止该表单元素的提交。例如:
<input name="test" type="text" disabled="disabled" value="hello"/>
由于该表单元素test具备disabled属性,在提交表单时,该表单元素不会跟随表单一起提交,因此我们在后台服务器接收到的请求中不会包含名称为test的参数。
readonly | 仅text、password和textarea元素 | 是 | 是 | 是 |
disabled | 所有<input>、 <button>、 <select>、 <optgroup>、 <option>、 <textarea>标签 | 是 | 否 | 否 |
.
相关推荐
wangjie 2020-02-02
淡风wisdon大大 2020-06-06
Ladyseven 2020-10-22
luofuIT成长记录 2020-09-22
Mynamezhuang 2020-09-18
李鴻耀 2020-08-17
yaodilu 2020-08-03
zhoujiyu 2020-06-28
89510194 2020-06-27
CaiKanXP 2020-06-13
MaureenChen 2020-06-12
Phoebe的学习天地 2020-06-07
buttonChan 2020-06-06
xtuhcy 2020-05-20
AlisaClass 2020-05-18
赵家小少爷 2020-05-16