通过绑定元素后，当鼠标点击label标签里面的文字时，光标会定位到指定的表单里面
有两种绑定方法（掌握）
举例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>label</title> </head> <body> <!-- label第一种绑定方法 --> <label>姓名：<input type="text"></label><br/> <!-- label第二种绑定方法 --> <label for="nc">昵称：</label><input type="text"> </body> </html> 运行结果：
如果有多个选项让用户选择，为了节约空间，我们可以使用select控件定义下拉列表
语法：
< select>
< option>选项1< /option>
< option>选项1< /option>
< option>选项1< /option>
< option>选项1< /option>
...
< /select>
举例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>select</title> </head> <body> 籍贯： <select> <option>--请选择省市--</option> <option>北京市</option> <option>重庆市</option> <option>天津市</option> <option>山东省</option> </select> <select> <option>--请选择城市--</option> <option>威海市</option> <option>昌平市</option> <option>海淀市</option> <option>新关村</option> </select> </body> </html>
在option中定义selected=“selected”时，当前项即为默认选项。 2.5 form表单域 (1)搜集的用户信息通过form表单域传递给服务器(2)目的：
在HTML中，form标签被用于定义表单域，以实现用户信息的搜集和传递，form中所有内容都会被提交到服务器
语法：
< form action="url地址" method="提交方式">
< /form>
举例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>select</title> </head> <body> <form action="" method="get"> username: <input type="text"> password: <input type="password"> <input type="submit"> <input type="reset"> </form> </body> </html> 运行结果：w3c:
MDN: 4，总结 表格：用来显示数据，可以让数据显示整齐
列表：列表用来布局，列表可以页面布局整齐规范
表单：表单用来收集用户信息