HTML-表单
一、表单作用
1、作用：用来收集用户输入的所有的相关信息, 将输入的数据进行打包上传到服务器数据库里面。
2、应用：搜索栏, 注册登录页面等场景
二、表单语法
1、语法格式：
<form action="提交跳转地址" method="提交方法" target=”打开方式”>
文本/其他表单控件（输入框、密码框、单选、多选等等）
</form>
2、表单的属性：
（1）action属性：提交跳转地址，点击按钮的时候，配合form，能实现跳转
（2）method属性：规定以什么方式去提交信息
- method="get"--->明文提交：用户名、密码等都能在地址栏中看到，安全性低
- method="post"--->密文提交：用户名、密码等都不能在地址栏中看到，安全性较高
（3）target属性：点击按钮跳转后规定按什么方式打开窗口
- target="_self" --->在当前窗口打开，默认值（常用）
- target="_blank" --->在新窗口打开（常用）
- target="_top" --->在顶部窗口打开
- target="_parent" --->在父级框架打开
三、表单控件
1、表单控件
（1）作用：实现表单中的输入框、密码框、下拉菜单、单选、多选等
（2）语法格式：
<input type=”类型” value=”输入框中显示的值” placeholder="输入框中显示的值">
（3）属性：
type属性用来描述各个控件的类型，具体语法见下节。
value属性：在输入框中展示一个文本描述，起到提示文本的作用（占位置）
placeholder属性：在输入框中展示一个文本描述，起到提示文本的作用（不占位置），该属性比较常用
注意：
value属性给输入框一个文本描述，但该种情况下会占位置，因此不方便用户使用
H5中新增的属性“placeholder”用来提示文本信息,不需要删除原来的提示信息，相比较value属性而言起到了一个很好的使用情况
2、控件基本类型
（1）输入框：也称为单行文本输入框，文本不会折行显示，能显示具体输入的信息
输入框：<input type="text" placeholder="请输入用户名">
（2）密码框：可以实现加密效果，不同的浏览器显示的加密效果有可能不同
密码框：<input type="password" placeholder="请输入密码">
（3）按钮类型标签
<!-- 提交按钮，默认按钮文本为提交 -->
<input type="submit">
<!-- 重置按钮，默认按钮文本为重置 -->
<input type="reset">
<!-- 普通按钮，无默认按钮文本，需要通过value属性去添加 -->
<input type="button" value="普通按钮">
<!-- 普通双标签按钮 -->
<button>普通按钮</button>
注意：
1、提交按钮：配合form标签以及action实现提交跳转功能
2、重置按钮：配合form标签用来取消输入框前面输入的所有信息，把原来的信息清空掉
3、普通双标签按钮：配合form标签以及action属性能完成跳转
按钮相关标签中的value属性可以修改按钮中的显示值
