HTML表单

表单的基本语法<form>各种表单控件</form>

表单常用属性：
1、action指定表单提交时向何处发送表单数据，即需要发送的服务器地址；
2、method属性指定表单向服务器提交数据的方法，get和post两种
get 方法（默认提交方法）：
使用URL传递参数:http://服务器地址？name=value1&name2=value2,使用URL传递参数不安全，只能传递少量数据，所有信息可在地址栏看到，并且可以通过地址栏随意传递其他数据；
post方法：
数据封装后采用HTTP请求传递，信息在地址栏不可见，比较安全，传递的数据理论上并无限制。
3、enctype属性：指定表单发送的编码方法（method=post时有效)

常用控件：
type="radio"单选按钮：name和value属性都要有，value值用于提交表单信息(往后台传递的值)，根据name属性区分是否是同一组
type="image"图形提交按钮，利用src设置图片路径
select标签利用optgroup分组<optgroup label="分组名"></optgroup>
textarea创建的文本域是多行的，常用于论坛回复的文本框、博客的留言板

H5智能表单：
1、表单分组<fieldset><legend></legend>其他表单控件</fieldset>fieldset表示表单边框，legend表示表单标题；
2、表单新增元素datalist可以根据用户输入的内容，在预先设置好的列表中筛选出与用户输入相关的信息作为备选,在input标签中定义选项列表；
基本语法：

<form action="form.php" method="post">
<input type="text" list="list"/>
<datalist id="list">
<option>123</option>
<option>123</option>
<option>123</option>
<option>123</option>
</datalist>
</form>

3、input标签新增属性：form规定输入域所属的一个或多个表单，用法是为特定的form表单添加id，再为希望与表单一起提交的表单元素添加form属性，从而实现无须将input放在form表单中也可以进行表单提交。
4、input标签新增输入类型

<input type="color" name="test"/>
<input type="number" name="test"/>
<input type="date" name="test"/>
<input type="email" name="test"/>
<input type="range" name="test"/>
<input type="search" name="test"/>