小皆学前端—form标签内的元素介绍

1、input

2、textarea：定义一个多行的文本输入控件。

属性：required => 规定文本区域是必填（IE9以下和 Safari不支持）

rows文本域的高，cols文本域的宽

3、botton：

属性：disabled => 禁用按钮，可用于满足某些条件才可点，使用JS来remove此属性使按钮可点。

formmethod（H5新增）=> 发送表单的方法，“get” or “post”

2、select：创建下拉列表，支持事件属性。

<option>标签定义了列表中的可选项，<option>标签中的selected属性规定了在页面加载时预先选定该选项，语法：

<option selected>

<optgroup>标签用于把相关的选项组合在一起，类似于分出了二级和三级菜单。

name属性：规定下拉列表的名称，用于在 JS 中引用元素，或者在表单提交后引用表单数据。

H5新增的属性：autofocus（IE9以下和 Firefox不支持）下拉列表在页面加载时自动获得焦点

3、fieldset：将表单内的相关元素分组，会在相关表单周围绘制边框，<legend>为<fieldset>定义标题。

一般用在，几个lable之间会存在间隙，用fieldset可以去掉间隙，把几个相关的lable集中到一起。

4、lable：无特殊样式效果，可用于扩大热区。

for属性可绑定某个元素id，当点击到lable元素内的文本时，此被绑定的元素控件也会被一并触发。