当前位置: 首页 > 技术随笔 > 关于html表单元素的readonly和disabled属性

关于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>标签

关于表单元素属性readonly和disabled的更多详情,可以参考W3C上的介绍内容:http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.12

13 1
我们认为: 用户的主要目的,是为了获取有用的信息,而不是来点击广告的。因此本站将竭力做好内容,并将广告和内容进行分离,确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信:只有给用户带来价值,用户才会给我们以回报。
CodePlayer技术交流群1CodePlayer技术交流群1

帮朋友打一个硬广告:

P2P网贷系统(Java版本) 新年低价大促销,多年P2P技术积累,系统功能完善(可按需定制,可支持第三方存管、银行存管),架构稳定灵活、性能优异、二次开发快速简单。 另可提供二次开发、安装部署、售后维护、安全培训等一条龙服务。

外行看热闹,内行看门道。可以自信地认为,在系统设计上,比市面上的晓风、迪蒙、方维、绿麻雀、国融信、金和盛等P2P系统要好。
深圳地区支持自带技术人员现场考察源代码、了解主要技术架构,货比三家,再决定是否购买。

也可推荐他人购买,一旦完全成交,推荐人可获得实际售价 10% 的返现。
有意向者,详情请 点击这里 联系,工作时间立即回复。