<form action=”地址” method=””>
表单元素
</form>
form标签是表单的外壳，主要有四个属性：
action：表单提交的地址（后台服务器地址）
method：提交表单的方法，两种请求方式，post、get
target：在何处打开action
enctype：（编码方式）
applocation/x-www-form-erlencoded 在发送前编码所有字符（默认）
text/plain：空格转换为”+”号，但不对特殊字符编码
multipart/form-data：使用包含文件上传控件的表单时，必须使用该值。例如：上传音频、视频。
1、区别：（体现在方式、安全、数据量三个方面）
- 方式，点击提交（发请求时），get将请求数据变成”k=value”的形式，然后组装到URL上。post方式提交请求时，数据通过浏览器传输给后台，但是URL没发生变化。
- 安全，get将信息组装到URL上，信息泄露，不安全；post方式的URL没发生变化更加安全。
- 数据量，浏览器地址栏能存放的字符有限的（容量有限），get方式的URL过于冗长，当超出限制时，浏览器自动截断URL，则传给后台的数据不完整，所以对数据大小有限制。而post方式的URL更干净、轻便，能完整地将数据传递给后台，无数据大小限制。
2、什么时候用get，什么时候用post（使用场景）
get：向后台查询东西，如查询论文；即向后台索要数据，用关键词来获取大量数据。安全性要求低，简单。
post：向后台传数据，例论文查重（数据很大，提交给后台）。安全性要求高。
是表单收集信息的元素，主要有以下属性：
<label for="input_username">姓名：</label><input type="text" name="username" id="input_username" placeholder="用户名"/>
效果：
<label for="input_password">密码：</label><input type="password" name="password" id="input_password" placeholder="密码"/>
效果：
效果：
效果：
<label>我的car：</label><select name="transportation"><option value="bus">公交</option><option value="subway" selected>地铁</option><option value="taxi">出租车</option></select>
效果：
<label >评论：</label><textarea name="recomment" placeholder="ddd" cols="60" rows="10"></textarea>
效果：
<label for="zjz">证件照：</label><input type="file" name="photo" id="zjz" accept="image/jpg"/>
其中accept规定了文件格式。
效果：
<input type=”hidden” name=”abc” value=”123”>
点击提交时，hidden里隐藏的数据也提交给了后台；abc=’123’
作用：（1）暂存信息，（用户看不到），便于设计者随时调用程序。
（2）用于安全性校验，例如通过设置hidden隐藏域，服务器可以验证用户权限，避免伪造的假网站提交数据。
<input type="button" value="按钮"/>
效果：
<input type="submit" value="提交"/>
效果：
<input type="reset" value="复位"/>
效果：
HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框（SELECT），文本输入框（INPUT type=text），密码输入框（INPUT type=password），单选输入框（INPUT type=radio），复选输入框（INPUT type=checkbox），重置按钮、提交按钮、隐藏域、等等。
一、文本域<input type="text" name="text" value="" />
二、密码域
密码跟文本框类似，但是在里面输入的内容显示为圆点。
<input type="password" name="text" value="" />
三、单选按钮
男人:<input type="radio" name="sex" value="male" />Male<br />
女人：<input type="radio" name="sex" value="female" />Female
四、复选框
<input type="checkbox" name="check1" value="" />
五、按钮
<input type="button" value="确认" />
六、重置按钮
当点击重置按钮时，重置按钮所在的表单将全部清空，而其他表单不受影响。<input type="reset" value="重置" />
七、提交按钮
当点击提交按钮时，浏览器将自动提交表单。<input type="submit" value="提交" />
八、隐藏域
隐藏域在浏览器中并不显示，仅仅为保存一些不太重要的资料而存在。<input type="hidden" value="我是一个隐藏域" />
九、上传域<input type="file" value="" />
十、图片按钮<input type="image" src="123.gif" />
十一、下拉列表<select>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
例如：
属性：disabled，可选值：disabled ，说明：规定禁用该下拉列表。
十二、label
abel 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。例如，当将单选按钮放在label内。则点击label内的文字也会触发单选按钮，而不必只是点中小圆点。
例如：
<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>
十三、禁用（disabled）与只读（readonly）
禁用和只读属性。readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去。
禁用文本框：<input type="text" disabled="disabled" />
只读文本框: <input type="text" readonly="readonly" /></form>
十四、TextArea
十五、fieldset 定义域
fieldset用于给表单元素分组，legend用于设置分组标题。
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签，这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域，包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮，包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。
1、<input>元素定义输入框，根据不同的 type 属性，可以变化为多种形态。例如：
<input type=text>表示文本输入框，<input type=password>表示密码输入框，<input type=radio>表示单选输入框，<input type=checkbox>表示复选输入框。
2、<select> 元素定义下拉列表；
3、<option> 元素定义待选择的选项；列表通常会把首个选项显示为被选选项。能够通过添加 selected 属性来定义预定义选项；
4、<textarea> 元素定义多行输入字段（文本域）；
5、<button> 元素定义可点击的按钮；
6、<datalist> 元素为 <input>元素规定预定义选项列表；用户会在他们输入数据时看到预定义选项的下拉列表。
