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>
更多相关文章
- 表单和CSS选择器的案例
- 实战:简单的注册页面与常用选择器
- 表单创建及CSS
- 简单表单与css选择器实战案例
- 注册表单实战案例
- HTML注册表单控件实例、CSS模块化理解与CSS基本/上下文选择器的
- 表单以及选择器
- 实战简单的注册表单以及选择器的认识
- css选择器与用户表单制作