当前位置: 首页 > 面试题库 >

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

岳毅
2023-03-14
问题内容

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


问题答案:

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

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

关键差异

禁用属性

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

只读属性

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




 类似资料:
  • 本文向大家介绍表单中Readonly和Disabled的区别详解,包括了表单中Readonly和Disabled的区别详解的使用技巧和注意事项,需要的朋友参考一下 Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / password)和textarea有效,而

  • 本文向大家介绍谈谈你对input元素中readonly和disabled属性的理解相关面试题,主要包含被问及谈谈你对input元素中readonly和disabled属性的理解时的应答技巧和注意事项,需要的朋友参考一下 相同点:都会使文本框变成只读,不可编辑。 不同点: 1.disabled属性在将input文本框变成只读不可编辑的同时,还会使文本框变灰,但是readonly不会。 2.disab

  • 描述:标记为只读的。 概述 标记一个标识符为只读。jsdoc不会检查某个代码是否真是只读的,只要标上@readonly,在文档中就体现为只读的。 例子 例如,使用@readonly标签: /** * A constant. * @readonly * @const {number} */ const FOO = 1; 例如,给getter标记为只读: /** * Options for

  • 描述 (Description) disabled类用于禁用滑块。 您需要将disabled类添加到slider div 。 例子 (Example) 以下示例演示如何在Foundation中使用disabled slider 。 <html> <head> <title>Slider Disabled</title> <link rel = "stylesheet"

  • readonly属性让一个控件成为只读控件。当设置 readonly 属性后,文本框可以获得焦点,但用户不能改变文本框的值,即用户不能编辑文本框的 value 属性值。如: 用户名:<input type="text" name="user" placeholder="请输入用户名" readonly/> 大多数浏览器会为只读文本框应用灰色背景,以提示用户不能编辑。运行结果如图 3‑35  所示

  • function getCarData() { return [ {car: 'Tesla', year: 2017, chassis: 'black', bumper: 'black'}, {car: 'Nissan', year: 2018, chassis: 'blue', bumper: 'blue'}, {car: 'Chrysler', year: 2019, chassi