表单
form表单用于收集用户的信息并且发送给后台，一般用于Web的登录、注册等功能的实现。表单中的表单子元素包括：输入框、按钮、下拉框、复选框、文件上传等内容。用户在这些子元素中输入的信息就会以表单的形式发送给后台处理。
form标签里面包含action、target、**method **等属性。action属性用来设置表单提交到的服务器网址。target="_blank"时，点击提交后会重新打开新的页面，而不是刷新原页面。method属性用来设置提交方式，有 post 和 get 两种方式。post方式不会显示提交信息，相对较安全，对于长度没有限制；get方式提交后地址栏会显示用户提交的信息,相对不安全，而且长度有限制。
一些常见的表单元素：
1.input文本输入标签
1）type属性：可以通过type属性来指定输入标签的类型。常用的type类型如下：
| 类型 | 说明 |
|---|---|
| 文本框 text | 输入的文本信息直接显示 |
| 密码框 password | 输入的文本信息以圆点或星号显示 |
| 重置按钮 reset | 重置表单为初始值 |
| 单选按钮 radio | 单选按钮 |
| 复选框 checkbox | 复选框，如兴趣选择 |
| 按钮 button | 可以自定义事件，如提交 |
| 文件上传 file | 选择文件上传 |
| 隐藏字段 hidden | 页面上不显示，用户看不到，但在提交时会一起提交 |
2）name属性：设置了name属性后端才会接收到数据，name里面的名字可以自行设置
3）placeholder属性：用来提示输入内容
2.label静态文字标签
用于给各元素定义说明，可以提高用户体验度。给for属性里面填上对应input标签里面的id属性值，当点击用户名时，会选中输入框。
<label for="user">用户名：</label>
<input type="text" name="lwl" placeholder="请输入用户名" value="123" id="user" readonly><br>
3.select选择标签
用于设置下拉选项，提供用户选择内容
<!-- 1）select：设置下拉框 必须加上value值-->
<!-- 2）option:设置用户选择-->
<select name="address" id="address">
<option value="HN">湖南</option>
<option value="CQ">重庆</option>
<option value="SC">四川</option>
</select>
4.textarea多行文本标签
多行文本框，如进行个人描述等，可以自己扩大缩小
<!--rows:行数 cols：列数-->
<textarea name="introduce" id="introduce" cols="30" rows="10">
</textarea>
注意：用户选择的必须加上value属性，才能前后端交互 不然后台无法接受传过去的数据，如type=“radio”；type=“checkbox”；select选择等。用户输入的都要加name属性，不然后台接收不到
