`
tjuking
  • 浏览: 195015 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML disabled属性的启用和禁止

阅读更多
HTML中的input元素、button元素、option元素等都具有一个disabled属性。
当赋予该属性时该元素将变得不可交互,如下代码所示:
<input type="button" disabled="disabled" value="测试按钮">

其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”(不过“false”除外),因为属性值为“false”时表示属性不启用,属性值“true”表示启用属性。如下代码的button元素都处于禁用状态:
	<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元素处于启用状态:
	<input type="button" disabled="false" value="测试按钮">
	<input type="button" value="测试按钮">
分享到:
评论
1 楼 遥远的救世主 2014-01-27  
<input type="button" disabled="false" value="测试按钮">  不能使用

相关推荐

    微信小程序点击按钮动态切换input的disabled禁用/启用状态功能

    本文将详细讲解如何实现这一功能,并解决在实际开发中可能遇到的“disabled属性不生效”的问题。 首先,我们要理解微信小程序中Input组件的disabled属性。disabled属性用于控制Input组件是否可编辑,当其值为`true`...

    超链接的禁用属性Disabled使用示例

    总的来说,禁用超链接的正确方法不仅需要设置`disabled`属性,还需要配合JavaScript进行额外的逻辑处理,以确保在所有浏览器中都能正确阻止或启用链接。这通常涉及到检查`disabled`属性、返回适当的事件处理结果,...

    javascript页面代码防止frame禁止右键

    禁止粘贴、复制和剪切操作 这些功能也是通过添加事件监听器实现的。例如,禁止复制操作可以通过以下方式: ```html ;" oncut="return false;"&gt; ``` 对于粘贴操作: ```html ;"&gt; ``` #### 4. 自定义图标 为了提高...

    javascript按钮禁用和启用的效果实例代码

    总结一下,JavaScript中的按钮禁用和启用是通过修改`disabled`属性和`innerHTML`属性来实现的。这种功能对于创建用户友好的交互式界面至关重要。了解和掌握这些基础知识,能够帮助开发者更好地创建动态且响应式的Web...

    为超链接加上disabled后的故事

    尤其是在尝试使用非原生属性(如`disabled`)来控制HTML元素的行为时,需要注意浏览器的具体实现和表现可能与预期不同。在大多数情况下,如果需要精确控制元素的行为,最好是通过改变其CSS样式来实现,或者使用原生...

    jQuery禁止并灰显下拉选项

    总结来说,通过结合jQuery的DOM操作能力和CSS的样式控制,我们可以方便地实现对下拉选项的禁止和灰显效果。这在创建用户交互界面时非常实用,可以有效地传达给用户哪些选项当前不可用。在实际项目中,根据具体需求,...

    CSS的ime-mode屏蔽中文输入法

    在实际开发中,为确保兼容性和用户体验,通常会结合JavaScript或者HTML5的特性(如`contenteditable`属性)来实现类似功能。例如,可以监听键盘事件,判断用户是否正在尝试输入非数字字符,并进行相应的处理。 另外...

    HTML5调用本地摄像头拍照

    在HTML5中,调用本地摄像头的关键是`&lt;input type="file"&gt;`元素的`capture`属性和`getUserMedia`接口。`capture`属性允许我们指定捕获图像或视频的设备,例如摄像头。而`getUserMedia`接口则提供访问用户音频、视频...

    asp.net 简单实现禁用或启用页面中的某一类型的控件

    例如,对于`TextBox`,我们检查控件是否为`TextBox`、`HtmlInputText`或`HtmlTextArea`类型,并相应地设置其`Enabled`或`Disabled`属性。 对于`Button`类型的控件,我们处理了`Button`、`HtmlInputButton`、`...

    html option禁用选择 select禁用选项示例

    在这个例子中,`disabled`属性被添加到`&lt;option&gt;`元素的第三个、第四个和第五个选项上,使得用户无法选择它们。 另一种方法是使用`&lt;optgroup&gt;`元素来分组选项并隐藏它们。`&lt;optgroup&gt;`元素用于创建一个有标签的选项...

    页面按钮禁用与解除禁用的方法

    在HTML结构中,我们定义了一个按钮,并设置了初始的disabled属性为disabled,这意味着在页面加载完成时按钮是不可点击的。按钮的初始文本内容设置为“请仔细阅读5秒后点击同意继续”,并为按钮设定了一个ID,方便...

    js代码大全

    可以通过同时设置`oncopy`和`oncut`属性为`return false`来禁止用户在页面上的复制和剪切操作。例如: ```html ;" oncut="return false;"&gt; ``` 这将确保用户无法对页面内的内容执行复制或剪切。 ### 5. 设置网页...

    layui动态禁用checkbox.rar

    在列定义中,我们可以添加`checkbox`属性来启用复选框功能。例如: ```html &lt;table id="demo" lay-filter="test"&gt;&lt;/table&gt; layui.use('table', function(){ var table = layui.table; // 渲染表格 table....

    vue select组件的使用与禁用实现代码

    Vue Select 组件的使用与禁用实现代码 在 Vue 开发中,Select 组件是...通过使用 disabled 属性和 JavaScript,我们可以轻松地禁用 Select 组件,并根据实际情况来动态禁用 Select 组件。希望本文能够对您有所帮助!

    HTML实现文本框只读不能修改其中的内容

    使用`disabled`属性的方法不仅禁止了编辑,还使得文本框变为灰色,其值不会被提交。在实际应用中,我们需要根据具体需求来选择合适的方法。 通过以上内容的介绍,相信读者已经对HTML中如何实现文本框的只读功能有了...

    CSS实现当鼠标移到input上时鼠标变为不可输入的状态

    另外,我们还加上了disabled属性,以确保input元素在DOM层面和功能上都是不可编辑的。 需要注意的是,示例代码中提到的`cursor:not-allowed;`实际上应该是`cursor: not-allowed;`。在CSS中,属性和值之间需要有空格...

    第7章 LinkButton(按钮)组件1

    LinkButton(按钮)组件是EasyUI中的一种常用的组件,它可以实现按钮的基本功能,并且可以通过设置不同的属性和方法来实现更多的交互效果。 加载方式 LinkButton(按钮)组件可以通过两种方式加载:class加载方式和JS...

    jquery 屏蔽一个区域内的所有元素,禁止输入

    文件中给出的jQuery扩展函数,包括`.disable()`和`.enable()`方法,分别用于屏蔽和启用区域内所有元素。当调用`$("#div_test").disable();`时,页面上ID为`div_test`的div元素中的所有子元素都将被设置`disabled`...

    第3章 Draggable(拖动)组件1

    本章节将详细介绍 Draggable(拖动)组件的使用方法,包括加载方式、属性列表、事件列表和方法列表。 一、加载方式 Draggable(拖动)组件可以通过两种方式加载:class 加载方式和 JS 加载方式。 (1)class 加载方式...

    第5章 Resizable(调整大小)组件1

    此外,可以通过`$.fn.resizable.defaults`来全局重写默认配置,如设置默认的disabled属性。 在实践中,了解并熟练运用这些知识点,可以帮助我们更好地实现网页元素的动态调整,提升用户体验。请确保熟悉并理解这些...

Global site tag (gtag.js) - Google Analytics