HTML 表单标签

功能：

表单用于向服务器传输数据，从而实现用户与Web服务器的交互

表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含textarea、select、fieldset和 label标签。

表单属性

<form action="https://www.sogou.com/web?">
</form>

属性	值	含义
action	URL	action 属性定义在提交表单时执行的动作。 指定一个表单处理目标URL，表单数据将被提交到该URL地址的处理程序。 如果该属性值为空，则提交到文档自身。
method	get或post	将表单数据提交到http服务器的方法，默认为get
enctype	application/x-www-form-urlencoded	指定表单数据的编码类型，此属性只有在method属性设置为post时才有效。 默认值为application/x-www-form-urlencode对所有字符进行编码。 如果表单包含用于文件上传的控件（input type="file"）, 那么这个属性值必须设置为multipart/form-data，不对字符进行编码。

input 系列

type属性值	表现形式	对应代码
text	单行输入文本	<input type=text" />
password	密码输入框	<input type="password"  />
checkbox	多选框	<input type="checkbox" checked="checked"  />
radio	单选框	<input type="radio"  />
file	文本选择框 传输文件	<input type="file"  />
number	数量	<input type="number"  />
email	邮箱, 必须输入邮箱格式	<input type="email"  />
submit	提交按钮	<input type="submit" value="提交" />
reset	重置按钮	<input type="reset" value="重置"  />
button	普通按钮 可点击的按钮，没有任何行为，一般配合JS使用	<input type="button" value="普通按钮"  />
hidden	隐藏按钮 对用户不可见，通常用于修改某条数据时，记录数据的id值	<input type="hidden" value="隐藏按钮"  />

input类型的属性   

　　type属性 -- 选择输入框类型

　　name属性 -- 表单提交时的键

　　　　-- 选择框需设置相同的name

　　value属性 -- 表单提交时对应项的值

　　　　-- 当框为可输入时,value值为输入内容,设置value会显示在框中,可以作为默认值

　　　　-- 当框为选择框时,需设置value值

　　checked属性 -- 选择时默认被选中的项

　　readonly属性 -- text和password设置只读

　　placeholder属性 -- 框框中的提示内容

属性补充

　　checked属性 -- 为选择框设置初始选项,不用设置值 

　　hidden属性 -- 隐藏框,不用设置值

　　<label>标签 用于包裹字段 指定选择框 点击字段时,框会被点亮

<input id='b1' type='checkbox' name='jian' value='zhi'>
<label for='b1'>选项1</label>

用 <fieldset> 组合表单数据

<fieldset> 元素组合表单中的相关数据

<legend> 元素为 <fieldset> 元素定义标题。

<fieldset><legend>框的标题</legend>框中的内容</fieldset>

select下拉列表

select中的属性

　　name属性 -- 表单提交时的键

　　multiple属性 -- 设置可以多选,不用设置值

　　size属性 -- 设置显示条数

　　value属性位于选项中

<option> 元素定义待选择的选项。

列表通常会把首个选项显示为被选选项。

option中的属性

　　selected属性 --  定义预定义选项,不用设置值

　　value属性 -- 表单提交时对应项的值,

<select name="cars">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

<optgroup>元素为<option>分组,

lable属性 -- 组名,不可以被选中

<select name="cars">
<optgroup lable="1~2">
    <option value="1">1</option>
    <option value="2">2</option>
<optgroup lable="3~4">
    <option value="3">3</option>
    <option value="4">4</option>
</select>

textarea

<textarea> 元素定义多行输入字段（文本域）</textarea>：

name

value

rows属性 -- 初始高度

cols属性 -- 初始长度