1.<label>转移光标

<label>标签为input元素定义标注（标签）

<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验

语法

<!--单选框，点击男可选-->
<label for="sex">男</label>
<input type="radio" name="sex" id="sex" />

<!--文本框，点击用户名定位光标到文本框内-->
<label for="user">用户名：</label><input type="text" name="user" id="user" />

2.<select>下拉列表

在页面中有多个选项让用户选择，并且想要节约页面空间时，可以使用select标签空间定义下拉列表

<select>
  <option></option>
  <option></option>
  .......
</select>

默认选中状态

 <option selected=""selected"">B</option>

1. <select>中至少包含一对<option>
2. <option>中定义selected="slected"时，当前项为默认选中项。

3.<textarea>多行文本输入框

<textarea rows="3" cols="20">
文本内容
</textarea>

1. 通过<textarea>标签可以轻松地创建多行文本输入框
2. cols="每行中的字符数"，rows="显示行数"。我们在实际开发中并不会使用，都是用css来改变大小。