disabled表单属性值意义,disabled与enabled属性

html 有disabled 属性的有哪些

HTML中的input元素、button元素、option元素等都具有一个disabled属性。

当赋予该属性时该元素将变得不可交互，如下代码所示：

Html代码

input type="button" disabled="disabled" value="测试按钮"

其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”（不过“false”除外），因为属性值为“false”时表示属性不启用，属性值“true”表示启用属性。如下代码的button元素都处于禁用状态：

Html代码

input type="button" disabled="true" value="测试按钮"

input type="button" disabled="123" value="测试按钮"

input type="button" disabled=" " value="测试按钮"

input type="button" disabled="any word" value="测试按钮"

如下代码的button元素处于启用状态：

Html代码

input type="button" disabled="false" value="测试按钮"

input type="button" value="测试按钮"

表单中Readonly和Disabled的区别

Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的 值不会被传递出去，而readonly会将该值传递出去（这种情况出现在我们将某个表单中的textarea元素设置为disabled或 readonly，但是submit button却是可以使用的）。

jsp中disabled属性有什么作用

disabled属性就是让控件变成灰色不能点的样子，比如button加了disabled属性，就变成点不下去的灰色按钮

在html里Input有2个属性disabled="disabled"和readonly="readonly"有什么区别？

disabled 属性的作用是禁用

readonly 属性为只读，但没有禁用

通过表单提交，拥有disabled属性的表单元素处理页面是获取不到其值的，而readonly则可以。

disabled属性样式问题

disabled禁用表单字段。

虽然浏览器带有默认样式，但是在某些场景，比如button元素，我们通常都会自定义样式，这样将会覆盖浏览器的默认样式，造成disabled生效时，无明显现象。

从上图可以看出，自定义样式层叠的权重比较高，将浏览器的默认样式覆盖了。

readly适用于表单文本类元素(input[text,password,file],textarea)

readly可使文本框聚焦

disabled对a链接是无效的。

优点: 简单

缺点：只能禁止鼠标事件

readonly对以上三个元素无效。

方案：

- 设置disabled属性(将导致不提交此元素)

- 将元素的值存储在hidden中

HTML中disabled和readonly的区别

eadonly 属性规定文本区为只读。

在只读的文本区中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容。

可以设置 readonly 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该文本区的使用。然后，可以使用 JavaScript 来清除 readonly 属性，以使文本区变为可编辑状态。

isabled 属性规定应该禁用 input 元素。

disabled 属性可设置或返回是否禁用单选按钮。

注释：disabled 属性无法与 input type="hidden" 一起使用。

通过这个图可以进一步了解

disabled?属性会让元素不能获取焦点（比如你按TAB键不能移动到具有disabled属性的元素上），而readonly是可以获得焦点的。