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

更多相关文章

  1. 表单和CSS选择器的案例
  2. 实战:简单的注册页面与常用选择器
  3. 表单创建及CSS
  4. 简单表单与css选择器实战案例
  5. 注册表单实战案例
  6. HTML注册表单控件实例、CSS模块化理解与CSS基本/上下文选择器的
  7. 表单以及选择器
  8. 实战简单的注册表单以及选择器的认识
  9. css选择器与用户表单制作

随机推荐

  1. Android(安卓)SQLite数据库增删改查操作
  2. Android中自定义ListView无法响应OnItemC
  3. Android(安卓)ADB的使用
  4. Android WindowManager 原理解析参考文章
  5. Android 将Activity转化为DialogActivity
  6. Android中画面的布局工具
  7. android XML : unbound prefix
  8. UI_Layout 屬性”@+id”、”@id”和”@an
  9. Android(安卓)Touch事件传递机制解析
  10. Android 5.1 open data flow 数据开启流