< 返回新闻公告列表

disabled和enabled是什么?

发布时间:2021-10-12 14:05:10    来源: 纵横云

disabled和enabled是什么?

在Web表单中,有些表单元素(如输入框、密码框、复选框等)有“可用”和“不可用”这2种状态。默认情况下,这些表单元素都处在可用状态。
在CSS3中,我们可以使用:enabled选择器和:disabled选择器来分别设置表单元素的可用与不可用这两种状态的CSS样式。

eg.

<!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>

纵横云专业提供日本云服务器租用、韩国云服务器租用、德国云服务器租用、法国云服务器租用、英国云服务器租用、澳洲云服务器租用、新加坡云服务器租用、菲律宾云服务器租用、荷兰云服务器租用等,有需要的朋友可以咨询我们,官网:http://www.zonghengcloud.com/,QQ:3494196421,微信:19906048603。

19906048601
19906048601 19906048601
返回顶部
返回顶部 返回顶部