form表单中input元素readonly和disabled属性的区别：

最新推荐文章于 2024-02-02 07:08:42 发布

陈小帅1019

最新推荐文章于 2024-02-02 07:08:42 发布

阅读量3.9k

点赞数 3

本文链接：https://blog.youkuaiyun.com/qq_40174864/article/details/83422786

版权

本文详细解析了HTML中disabled与readonly属性的区别。disabled属性使元素完全禁用，元素内容不随表单提交；readonly属性使元素变为只读状态，但仍可聚焦并随表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

disabled 指当input元素加载时禁用此元素，disabled=true时，无法修改内容，input内容不会随着表单被提交

readonly规定输入字段为只读，readonly=true时，页面上无法修改内容，但是可以通过JavaScript修改，input内容会随着表单提交，

如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。
而readonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。