欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

详解::required :optional 15

程序员文章站 2022-03-04 11:52:26
...
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        input:required
        {
            color: red;
            border: 1px solid red;
        }
        input:optional
        {
            border: 1px solid yellow;
            color: yellow;
        }
    </style>
</head>
<body>
    <form>
        用户名:<input type="text" name="username" id="" placeholder="请输入" required><br>
        密码:<input type="password" name="password" id="" required="required" placeholder="你输入"><br>
        邮箱:<input type="text" name="email" id="" required="required"  placeholder="请输入"><br>
        年龄:<input type="text" name="age" id="" placeholder="输入"><br>
        <input type="submit" name="" value="reg">
    </form>
</body>
</html>

核心:如果 input 元素没有设置 “required” 属性,设置其为黄色:
核心之二:required 也可以这样写和required=“required” 一样的哈
问题?记住,这两个可以单独使用哦,不是必须一起的哈