4.表单标签

表单：专门用来搜集用户信息

结构（掌握）：
<form action="http://www.baidu.comn">
    <表单元素>
</form>

select标签（用于定义下拉列表）

格式:
<select>
    <optgroup label="分组名称">
        <option>列表数据</option>
    </optgroup>
</select>

格式：
<select>
    <option>北京</option>
    <option selected="selected">武汉</option>
</select>

举例：
 <select>
    <optgroup label="北京">
        <option selected="selected">朝阳区</option>
        <option>通州区</option>
    </optgroup>
    <optgroup label="广州">
        <option>天河区</option>
        <option>黄浦区</option>
    </optgroup>
</select>

textarea标签（定义一个多行输入框）

格式:
<textarea>
</textarea>

举例：
<textarea cols="20" rows="5">
</textarea>

datalist标签
（给输入框绑定带选项列表）仅了解

1.搞一个输入框
2.搞一个datalist列表
3.给datalist列表标签添加一个id
4.给输入框添加一个list属性,将datalist的id对应的值赋值给list属性即可

请输入你的车型: <input type="text" list="cars">

<datalist id="cars">
    <option>奔驰</option>
    <option>宝马</option>
</datalist>

Label标签
（将文字与输入框绑定在一起）

方法1（建议使用）：
1将文字利用label标签包裹起来
2给输入框添加一个id属性
3在label标签中通过for属性和输入框中的id进行绑定即可


<label for="account">账号:</label><input type="text" id="account">

方法2（有局限性）：
直接用label标签包裹文字和输入框


<label>账号:<input type="text"></label>


input标签

其他input标签type属性的值：email、url、number、date、color。仅仅了解即可

按钮

隐藏域：属性type="hidden",name="ccc",value="xxx"。不会显示给用户，而是用户提交的时候，会一并顺带将ccc=xxx 这个数据也提交给服务器

属性type="submit"。form标签中的属性action指定提交到哪个服务器，input标签中name属性指定需要提交的数据

属性type="reset",value="清空"。用来重置表单中的数据

属性type="image",src="images/aaa"。插入一张图片来定义按钮

属性type="botton"，属性value指定按钮标题。

多选框：属性type="checkbox"。属性checked用来默认选中某个多选框。

明文输入框：属性type="text"。默认值：属性value="123"

单选框：属性type=“radio”。属性name用来多个单选框之间互斥。属性checked用来默认选中某个单选框。

暗文输入框：属性type=“password”

表单中提交到服务器的数据：
input标签中的name="aaa"、value="bbb"属性，
以aaa=bbb的形式提交的