表单的作用即是用于搜集不同类型的用户输入。
利用<form>...</form>
来定义HTML表单。
表单元素
表单中包含的一个重要元素就是<input>
元素。根据不同的type属性,<input>
元素展现出不同的状态。
类型 | 描述 |
---|---|
text | 定义常规文本输入 |
password | 常用于密码的输入,所输入的内容不会展示具体内容,而是用小圆点代替 |
checkbox | 用于多选框 |
radio | 用于定义单选按钮(多个选择一个) |
button | 用于定义可点击按钮 |
提交方式
利用form表单的method
属性来设置提交的方式。提交的方式有两种,分别是GET和POST。
GET(默认提交方式)
将method
设置为GET,或不做设置。表单将会以GET的方式提交到服务器。
使用GET的提交方式有以下特点:
- GET提交是使用拼接url的方式提交到服务器的,所以安全性相对于POST的方式要低,提交的内容可以被看到。
- 因为GET提交是拼接url的方式,所以对于提交的内容大小有一定的限制。即url的长度有限制,提交内容最大不多于1kb的大小。
- GET所提交的数据会保存在浏览器的历史记录里面,安全性不高。
POST
将method
设置为POST ,表单将以POST的方式提交到服务器。
使用POST提交有以下特点:
- POST的提交方式不同于GET拼接url,POST是直接将请求的数据放置到http的请求中。外界无法直接看到数据,所以相对的安全性比较高。
- POST提交内容的大小理论上是没有限制的,它所受限于服务器的大小。
一般GET用于向服务器查询信息、获取信息;而POST用于向服务器发送数据。
name
<input>
标签还有一个重要的属性,就是name
属性。在表单提交的时候,name
属性即是数据的key
,而用户的输入或选择即是数据的value
。所以如果想要数据正常的被提交,name
属性的设置不能少。
另外,在type=checkbox
的时候,name
属性也是用来分组的关键值。