Label/option/textarea/select/opgroup/datalist标签

Label标签(不是lable 千万注意)

默认情况下提示文字和输入框没有联系，也就是点提示文字不会聚焦到对应的输入框。如果在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

显式

<form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    <br />
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female" />
</form>

隐式

<label>
账号：<input type="text" id="name1">
</label>

HTML < option> 标签

option 元素定义下拉列表中的一个选项（一个条目）。

浏览器将 标签中的内容作为 标签的菜单或是滚动列表中的一个元素显示。

option 元素位于 select 元素内部。

selected属性

用来指定选项的初始状态，表示该选项在初始时被选中

< textarea> 标签

< textarea> 标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以手动拉长的。

可以通过 cols 和 rows 属性来规定 textarea 的行和列数，不过更好的办法是使用 CSS 的 height 和 width 属性。

注释：在文本输入区内的文本行间，用 “%OD%OA” （回车/换行）进行分隔。

<p>个人介绍：</p><textarea name="Letter" id="tex1" cols="30" rows="10">请输入</textarea>

< select>标签

size属性

用于改变下拉框大小，默认值为1

multiple属性

表示允许用户从列表选择多项，若缺省，则表示单选

autofocus属性(5)

规定在页面加载后文本区域自动获得焦点

opgroup标签

可以将选项分类，对用户更加友好。

<optgroup label="北京">
    <option>朝阳区</option>
    <option>昌平区</option>
    <option>通州区</option>
</optgroup>
<optgroup label="广州">
    <option>天河区</option>
    <option>越秀区</option>
    <option>黄埔区</option>
</optgroup>

HTML < datalist> 标签

< datalist> 标签定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

请使用 input 元素的 list 属性来绑定 datalist

<input list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist>

在我们百度的搜索框是空白的，但是我们点一下下边会有下拉框，各种推荐信息，但是初始化时不会像select那样直接显示，而且我们可以输入自己想要的内容，不一定要选下拉框。(类似)