对于HTML表单输入字段，disabled =“ disabled”和readonly =“ readonly”有什么区别？

html HTML

泡芙

2020-03-22

我已经阅读了一些，但是对于不同的浏览器如何处理事情，我似乎找不到任何可靠的方法。

第2572篇《对于HTML表单输入字段，disabled =“ disabled”和readonly =“ readonly”有什么区别？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
樱 2020.03.22

一个readonly元素就是不可编辑，但是当根据被发送form的提交。一个disabled元素是不可编辑和提交不发送电子邮件。另一个区别是readonly元素可以集中（而“通过表格制表”时要集中）而disabled元素不能集中。

在这篇很棒的文章或w3c的定义中阅读有关此内容的更多信息。引用重要的部分：

关键差异

禁用属性

  • 禁用的表单元素的值不会传递到处理器方法。W3C将此称为成功元素（其工作方式类似于未选中的表单复选框。）
  • 某些浏览器可能会为禁用的表单元素覆盖或提供默认样式。（将文本涂成灰色或浮雕）Internet Explorer 5.5对此特别讨厌。
  • 禁用的表单元素不会获得焦点。
  • 在选项卡导航中会跳过禁用的表单元素。

只读属性

  • Not all form elements have a readonly attribute. Most notable, the <SELECT> , <OPTION> , and <BUTTON> elements do not have readonly attributes (although they both have disabled attributes)
  • Browsers provide no default overridden visual feedback that the form element is read only. (This can be a problem… see below.)
  • Form elements with the readonly attribute set will get passed to the form processor.
  • Read only form elements can receive the focus
  • Read only form elements are included in tabbed navigation.

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android