HTML的Form标签

表单元素 <form></form>

所有元素：input、datalist、label、textarea、button、select、option、optgroup、fieldset、legend
html代码测试工具

属性：
name：表单名称

action：数据提交到的请求地址url

method：请求方式

get：数据长度有限制；数据拼接到请求地址中显示在地址栏，不安全。（不同浏览器数据长度限制不一样）
post：数据长度无限制；数据存储在请求体中，安全。

target：在哪里打开url

_blank：新窗口打开
_parent：父框架中显示（没有父框架时相当于_self）
_self：当前框架中显示（默认）
_top：在整个窗口中显示

enctype：数据发送到服务器时的编码方式
对应到请求头的content-type

默认：name/value multipart:form-data：二进制形式，上传文件时可设置为该编码方式
text/plain：纯文本形式，不对特殊字符编码，会将空格转为加号+

autocomplete：根据用户之前输入过的数据自动填写数据

on：自动填写数据，前提是用户在这之前有输入过数据，（默认）
off：禁用自动填写数据功能

novalidate：提交表单时不对表单数据做校验

<input/>

input：输入框

type：类型

text：文本框
textarea：文本域
radio：单选框
checkbox：多选框
button/submit/reset：普通按钮/提交按钮/重置按钮
hidden：隐藏域
file：文本选择框

<datalist>

input的预选项
在input输入框输入数据时，会以下拉框的形式显示预定义选项列表。
在input标签的list属性中引用datalist标签的id。

<form action="">
	<input list="browsers" name="">
	<datalist id="browsers">
	   <option value="a">
	   <option value="b">
	   <option value="c">
	</datalist> 
</form>

<label>

<label> 标签为<input>标签定义标注。
label标签通过for属性引用input标签的id属性值，从而将label标签与input标签绑定，当点击label标签中的文字时会触发input控件。

<form action="demo_form.php">
<!-- 将label与单选框绑定-->
  <label for="male">Male</label>
  <input id="male" type="radio" name="sex" value="male"><br>
  <label for="female">Female</label>
  <input id="female" type="radio" name="sex" value="female"><br><br>
</form>

<select><option>

<select>：列表框，下拉框
<option>：选项值

<select>：
multiple：可多选
<option>：
disabled：禁用
selected：预选

<optgroup>

选项组

label：为选项组规定描述
disabled：禁用该选项组

<select>
    <optgroup label="group1">
        <option value="v1">v1</option>

<textarea>

多行文本

<button>

按钮

type：button/submit/reset

<fieldset><legend>

fieldset是表单元素，但是可以独立于form使用。

<fieldset>：将表单元素分组，在被其包含的元素外围绘制边框
→ disabled：该组的表单元素被禁用
→ name：fieldset的名称
<legend>：定义<fieldset>的标题

<form action="">
	<fieldset disabled name="">
	    <legend>标题</legend>
	    Name: <input type="text"><br>
	    Email: <input type="text"><br>
	</fieldset>
</form>