小编典典

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

html

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


阅读 309

收藏
2020-05-10

共1个答案

小编典典

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

w3c的定义中阅读有关此内容的更多信息。引用重要的部分:

关键差异

禁用属性

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

只读属性

并非所有表单元素都具有只读属性。最值得注意的是<SELECT>,,<OPTION><BUTTON>元素没有只读属性(尽管它们都有禁用的属性)
* 浏览器不提供表单元素为只读的默认覆盖的视觉反馈。(这可能是个问题……请参阅下文。)
* 设置了readonly属性的表单元素将被传递到表单处理器。
* 只读表单元素可以吸引焦点
* 选项卡式导航中包含只读表单元素。

2020-05-10