html 表单

1、表单的作用：用于显示、收集信息，并且将收集到的信息提交给服务器

2、表单的组成：
1、表单元素：<form></form>
2、若干表单控件组成

3、表单元素：<form></form>
属性：
1、action(必须的、暂时不需要)
定义服务器端处理表单数据的地址
暂时可以省略不写，默认提交到当前页面

2、method(必须的)：提交方式、提交方法
取值：2种
1、get：默认值：获取、得到
显示提交，会把提交的内容，显示到地址栏上，安全性较低
一般搜索框使用的都是get请求，获取、得到数据库的数据

2、post：发送
隐式提交，提交的东西不会显示在地址栏上，安全性较高
只要是跟安全性相关的，都使用post：比如登录、注册（身份证、电话、密码...）

4、表单的控件
1、input标签
1、文本框和密码框
文本框：type="text" - 不写也可以，默认就是他

密码框：type="password" - 输入显示的是一个小圆点

通用属性：
1、name - 必须写，写了才能传输到服务器端（必须）
2、placeholder - 框内的提示文字，用户只要一旦输入自己的，提示文字就没了（可选）
3、maxlength - 限制最大输入的个数（可选）
4、value - 真正传到服务器端的消息（一般不写，让用户自己输入）

2、单选框和复选框
单选框：type="radio" - 出现一个小圆框

多选框：type="checkbox" - 出现一个小方框

通用属性：
1、name - 必须写，写了才能传输到服务器端（必须），而且多个单选框的name要设置为一样的，才能实现单选的效果
2、value - 必须写，因为用户只能做一个选择的操作，并不能输入

3、按钮：
重置按钮：type="reset" - 一点击，用户输入的内容会被清空

提交按钮：type="submit" - 提交整个表单到服务器端

普通按钮：type="button" - 按钮没有任何的功能 - 这些功能等着我们以后学习了js可以自己添加功能

通用属性：value="自定义" - 设置按钮上的文字

其实还提供了一个按钮标签：<button type="reset/submit/button">文字</button>

4、文件选择器：
type="file"

通用属性：1、name - 必须写，写了才能传输到服务器端（必须）

强调：1、表单form和表单控件必须搭配使用
2、input上面必须写上一个属性name，只有写了name才能提交成功
3、某的input的value可以省略不写，让用户来输入

总结：<input type="text/password/radio/checkbox/reset/submit/button/file">
<button type="reset/submit/button"></button>

2、多行文本框：
<textarea></textarea>

属性：cols：宽度
rows：高度
readonly：只读

3、下拉列表：
<select name="必写">
<option>文字</option>
</select>