代码语言：javascript复制
<!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” 一样的哈 问题？记住，这两个可以单独使用哦，不是必须一起的哈
