0630作业

<!DOCTYPE html>

<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表单</title>
</head>

<body>
<h3>用户注册</h3>
<fieldset>
<legend>必填项</legend>
<form action="" method="GET" style="background-color: lightcyan;">
<div>
<label for="username">账号</label>
<input type="text" id="username" name="username" autofocus required placeholder="不少于6位">
</div>
<div>
<label for="hanpi">密码</label>
<input type="password" id="hanpi" name="password" required placeholder="不少于5位 且至少有两个字母">
<button>显示密码</button>
</div>

<div>
<label for="username">邮箱</label>
<input type="email" id="email" name="email" placeholder="@..........">
</fieldset>
</div>
<div>
<label for="">性别</label>
<input type="radio">
<label for="">男</label>
<input type="radio">
<label for="">女</label>
<input type="radio">
<label for=”” “ checked id=”secret”>保密</label>
</div>
<label>爱好</label>
<input type="checkbox" name="hobby []" id="game" checked> <label for="">游戏</label>
<input type="checkbox" name="hobby []" id="tirp"> <label for="">旅游</label>
<input type="checkbox" name="hobby []" id="shoot"> <label for="">摄影</label>
<input type="checkbox" name="hobby []" id="football" checked> <label for="">足球</label>

<button>提交</button>


</form>

</body>

</html>
##选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>选择器</title>
</head>
<body>


<style>
/ h1{
color: lightcyan;
/
}
</style>
<h1 style="color:red;">5</h1>
<h1>6</h1>
<h1>7</h1>
<h1>8</h1>
</body>
</html>