disabled与enabled是什么？disabled与enabled属性详解

系统管理员 2021-01-28 16:41 988阅读 0赞

本篇文章给大家带来的内容是关于disabled与enabled是什么？disabled与enabled属性详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

## disabled与enabled是什么？disabled与enabled属性详解 ##

在Web表单中，有些表单元素（如输入框、密码框、复选框等）有“可用”和“不可用”这2种状态。默认情况下，这些表单元素都处在可用状态。

在CSS3中，我们可以使用:enabled选择器和:disabled选择器来分别设置表单元素的可用与不可用这两种状态的CSS样式。

## 举例： ##

<!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
     <title>CSS3 :enabled选择器与:disabled选择器</title>
     <style type="text/css">
     input[type="text"]:enabled
     {
     outline:1px solid #63E3FF;
     }
     input[type="text"]:disabled
     {
     background-color:#FFD572;
     }
     </style>
    </head>
    <body>
     <form>
     <p><label for="enabled">可用:</label><input type="text" name="enabled"/></p>
     <p><label for="disabled">禁用:</label><input type="text" name="disabled" disabled="disabled"/></p>
     </form>
    </body>
    </html>

**分析：**

![format_png][]

这里我们为“可用”状态的文本框添加一个外轮廓线outline，然后为“禁用”状态的文本框改变背景颜色。

以上就是对disabled与enabled是什么？disabled与enabled属性详解全部介绍。

[format_png]: /images/1611852082128.jpg

发表评论取消回复

表情：

评论列表（有 0 条评论，988人围观）

还没有评论，来说两句吧...

相关阅读

相关 js和jq设置disabled属性与移除disabled属性

js操作：代码如下: function disableElement(element,val){ document.getElementB

我会带着你远行/ 2023年01月01日 11:56/ 0 赞/ 424 阅读

相关【elasticsearch】 Regexes are disabled. Set [script.painless.regex.enabled] to [true]

本文为博主九师兄（QQ:541711153 欢迎来探讨技术）原创文章，未经允许博主不允许转载。文章目录 1.场景1 1.1 概述 ![在这里

拼搏现实的明天。/ 2022年10月07日 06:54/ 0 赞/ 188 阅读

相关 Enable and Disable RDP NLA using PowerShell

Enable\_RDP\_NLA Powershell script to enable Network Level Authentication for Remot

青旅半醒/ 2022年10月01日 14:00/ 0 赞/ 6 阅读

相关 css属性readonly与disabled的区别

一. 范围不同 readonly 只对 <input> 和 <textarea> 标签有效 disabled 对所有表单元素都有效, 包括：<input>,

谁借莪１个温暖的怀抱￠/ 2022年05月27日 02:07/ 0 赞/ 240 阅读

相关 minigui:mGNCS简介塈设置控件(widget)enable/disable

mGNCS 在 miniStudio 的开发中，为实现可视化图形界面的设计，飞漫软件在 MiniGUI 现有接口基础上，开发了一套新的控件集。miniStudio 引入的

港控/mmm°/ 2022年05月22日 07:16/ 0 赞/ 97 阅读

相关 enable password 7与enable secret的区别

enable password这种方式是明文的。enable secret是采用了MD5加密的。 service password-encryption这个加密的方式是采用

客官°小女子只卖身不卖艺/ 2022年03月29日 10:55/ 0 赞/ 154 阅读

相关 js asp.net enable/disable validator

function EnableValidatorsForControl(id, enable) \{ if (Page\_Validat

怼烎@/ 2021年11月05日 05:31/ 0 赞/ 127 阅读

相关 jQuery设置disabled属性与移除disabled属性

作用范围： `Readonly`只针对`input`和`textarea`有效，而`disabled`对于所有的表单元素都有效。表单中`readOnly`和`dis

客官°小女子只卖身不卖艺/ 2021年06月26日 16:06/ 0 赞/ 719 阅读

相关 disable table lock or enable table lock

alter table t1 disable table lock; 可以禁止表锁定，也就是说可以防止session 对表进行DDL ，即禁止session 获得表lock

た入场券/ 2021年06月24日 13:59/ 0 赞/ 365 阅读

相关 disabled与enabled是什么？disabled与enabled属性详解

本篇文章给大家带来的内容是关于disabled与enabled是什么？disabled与enabled属性详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮...

系统管理员/ 2021年01月28日 16:41/ 0 赞/ 989 阅读