任务5-Form 表单

1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

• 作用是：收集填写的信息，提交给网站的后台
• 常见的input标签：

input元素因属性type值的不同可以生成多选框、单选框、文件上传、文本框、密码框、隐藏域、按钮等。

1. text--文本框；
2. checkbox--复选框（多选框）；
3. radio--单选框；
4. password--密码框；
5. file--文件上传
6. button--普通按钮，用于点击按钮调用js程序
7. reset--重置按钮
8. submit--提交按钮，会把表单的数据提交给服务器（action指定提交服务器地址）
9. image--图像式提交按钮

2.post 和 get 方式的区别？

• 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中。

• GET产生一个TCP数据包；POST产生两个TCP数据包。（并不是所有浏览器都会在POST中发送两次包，Firefox就只发送一次。）

3.在input里，name 有什么作用？

name表示表单提交时，向服务器传递的key值

4.radio 如何 分组?

通过name属性来分组

• 所有的input标签都需要name属性
• 在表单提交中name和value就是key和value，是最终提交给服务器的表单参数和值

5.placeholder 属性有什么作用?

给文本框一个提示，告诉用户该输入哪些内容

6.type=hidden隐藏域有什么作用? 举例说明

type=hidden的作用

7.介绍 HTML 表单的用法

答：form标签是表单的外壳，主要有4个属性

1. action：表单提交的地址
2. method：提交表单的方法
3. target：在何处打开action
4. enctype：规定在发送到服务器之前应该如何对表单数据进行编码，有3个值
   application/x-www-form-urlencoded是在发送前编码所有字符（默认）；

8.实现如下表单,附上预览地址。其中性别和取向是单选，爱好是多选

代码链接