<form>->声明表单
<select>->下拉框
<radio>->单选框
<input>->文本框
<text>->文本字段
一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。
属性解释：
action=url用来指定处理提交表单的格式。它可以是一个URL地址（提交给程式）或一个电子邮件地址。
method=get或post指明提交表单的HTTP方法。可能的值为：post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中。get：不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器。这是往前兼容的缺省值。这个值由于国际化的原因不赞成使用。
以上内容参考：百度百科-表单
表单是用来填写并收集用户信息的单子，就像银行存款单一样。HTML中的表单也是这样，比如注册QQ时填写的信息，问卷调查等都是常见的HTML表单。
HTML中的表单通常写在<form>标签中。这是因为用户填写完相关的表单信息，需要将其发送到服务端，如果不用<form>标签包裹，那么可能出现发送的信息遗漏等问题。
Demo如下:
（1）form标签
Q1 post 和 get 方式提交数据有什么区别？
（2）input标签
Q2 input中的name属性作用
（3）select标签
（4）label标签
Q3 CSRF 攻击是什么？如何防范？
form 将表单元素包裹起来，受form包裹的表单元素才会提交给服务器。<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="复位"/>
效果：
