HTML表单的用法
2017-05-24 本文已影响0人
imtns
1、form表单有什么作用？有哪些常用的input 标签，分别有什么作用？
作用：HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。
常用的input标签：
| 标签 | 功能 |
|---|---|
| <input type="text"> | 定义单行输入文本框 |
| <input type="password"> | 定义密码字段 |
| <input type="radio"> | 定义单选按钮，用name分组 |
| <input type="checkbox"> | 定义多选按钮 |
| <input type="submit"> | 定义提交表单数据至表单处理程序的按钮 |
| <input type="button"> | 定义按钮 |
| <input type="reset"> | 定义重置按钮 |
| <input type="number"> | 用于应该包含数字值的输入字段 |
| <input type="date"> | 用于应该包含日期的输入字段 |
| <input type="color"> | 用于应该包含颜色的输入字段 |
2、post 和 get 方式的区别？
GET和POST是HTTP请求的两种基本方法：
- POST ： 向指定的资源提交要被处理的数据
- GET ：从指定的资源请求数据
区别：参考资料
最直观的区别就是GET把参数包含在URL中，POST通过request body传递参数。
- GET在浏览器回退时是无害的，而POST会再次提交请求。
- GET产生的URL地址可以被Bookmark，而POST不可以。
- GET请求会被浏览器主动cache，而POST不会，除非手动设置。
- GET请求只能进行url编码，而POST支持多种编码方式。
- GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
- GET请求在URL中传送的参数是有长度限制的，而POST么有。
- 对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
- GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。
- GET参数通过URL传递，POST放在Request body中。
3、在input里，name 有什么作用？
name 属性规定 input 元素的名称，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值
4、radio（单选） 如何分组?
把radio同组的name属性设为相同
<input type="radio" name="sex" value=“man">男
<input type="radio" name="sex" value="woman">女
5、placeholder 属性有什么作用?
placeholder属性能够让你在文本框里显示提示信息，一旦你在文本框里输入了什么信息，提示信息就会隐藏。
6、type="hidden"隐藏域有什么作用? 举例说明
隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上，可以让服务器知道数据采集的是否正确。
参考资料
8、实现如下表单，附上预览地址。（其中性别和取向是单选，爱好是多选）
