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

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

首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟里面的小伙伴一起学习一起成长，不懂的问题也可以问我，随时给大家解答。再次感谢大家。

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>

分析：

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

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

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

mysql disabled enabled_disabled与enabled是什么？disabled与enabled属性详解
本篇文章给大家带来的内容是关于disabled与enabled是什么?disabled与enabled属性详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. disabled与ena ...
disabled计算机语言,jquery设置元素的readonly和disabled详解
1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input' ...
disabled与tap(input的disabled='disabled'时tap事件任可触发)
一个input按钮加上disabled="disabled"后,它身上zepto的tap事件任然会触发,但是click事件不会触发 <!DOCTYPE html> &l ...
html调整disabled按钮颜色,Input Color disabled 属性的用法_HTML对象
Input Color disabled 属性示例代码 D禁用拾色器: document.getElementById("myColor").disabled = true; 输 ...
html按钮disabled状态,CSS定义input disabled样式的三种方法
表单提交的时候我们经常会让提交按钮禁用,满足条件后按钮恢复,disabled禁用按钮后怎么用CSS来改变禁用disabled按钮的样式呢?下面看青岛星网:CSS定义input disabled样式的三 ...
【iOS 开发】基本 UI 控件详解 (UIButton | UITextField | UITextView | UISwitch)
博客地址 : http://blog.csdn.net/shulianghan/article/details/50051499 ; 一. UI 控件简介 1. UI 控件分类 UI 控件分类 : 活 ...
SAP Commerce(SAP Hybris)学习资料汇总
版本号:v1.06 2020年11月24日所有的架构图在这个单独的帖子里. 导航目录 SAP官方帮助文档 configuration 如何运行 Filters 容器化支持 Installer-Rec ...
【自定义控件】自定义属性
做 Android布局是件很享受的事,这得益于他良好的xml方式.使用xml可以快速有效的为软件定义界面.可是有时候我们总感觉官方定义的一些基本组件不够用,自定义组件就不可避免了.那么如何才能做到像 ...
apache伪静态把css 排除掉_（02）CSS 选择器详解 | CSS
原创:itsOli @前端一万小时本文版权归作者所有,未经授权,请勿转载! 本文节选自"语雀"私有付费专栏「前端一万小时 | 从零基础到轻松就业」 1. 伪类选择器有哪些?2. ...
【笔记】玩转CSS3新特性_from_JSPang
文章目录第一章:环境搭建,伪类选择器,伪元素 1.1.嫁汉嫁汉穿衣吃饭 1.2.新特性简介和浏览器支持情况 1.新特性简介 2.浏览器对CSS3的支持情况 3.渐进增强和优雅降级 1.3.伪类选择器 ...

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

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

举例：

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

最新文章

热门文章