网站首页 / led投光灯 / 正文

disabled属性(js中disabled属性)

时间:2022-12-29 14:43:59 浏览:

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="测试按钮"

如何利用jquery来给input添加或删除disabled属性全部方法总结

一、以下二种方法是可以为input添加disabled属性的方法

1、$('#areaSelect').attr("disabled",true)

2、$('#areaSelect').attr("disabled","disabled")

二、以下三种方法是移除(去除)掉input的disabled属性的方法

1、$('#areaSelect').attr("disabled",false)

2、$('#areaSelect').removeAttr("disabled")

3、$('#areaSelect').attr("disabled","")

三、移除或者删除所有input和select控件的disabled属性

1、移除所有select控件的disabled属性

$("select").each(function () {$(this).attr("disabled","");})

2、移除所有input控件的disabled属性:

$("input").attr("disabled","");

扩展资料

1、jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

2、disabled属性是控制这个控件是否可编辑、可用。disabled:true 就是不可用,disabled:false 就是可用。

jsp中disabled属性有什么作用

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

disabled属性样式问题

disabled禁用表单字段。

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

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

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

readly可使文本框聚焦

disabled对a链接是无效的。

优点: 简单

缺点:只能禁止鼠标事件

readonly对以上三个元素无效。

方案:

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

- 将元素的值存储在hidden中

猜你喜欢:
热门文章
随机文章列表
标签列表