任务5 form表单

form表单的作用

用于搜集不同类型的用户输入，将这些数据传送到服务器端，实现网站与用户的交互。

总结常用的input 标签及其作用

input标签	作用
<input type="text" >	文本输入框，单行，默认宽度为20个字符
<input type="password" >	密码输入框，输入内容自动转变成圆点
<input type="radio" >	单选框，用name分组要一致，一定要加value值
<input type="checkbox" >	复选框，用name分组要一致，一定要加value值
<input type="file" >	文件上传，accept属性值可限制上传文件类型
<input type="hidden" >	隐藏字段，后台可根据name、value值判断用户提交的表单数据是否安全
<input type="button" >	定义按钮
<input type="submit" >	定义提交表单数据至表单处理程序的按钮
<input type="reset" >	定义重置按钮
<input type="image" >	定义图像形式的提交按钮

post 和 get 方式的区别？

1. get方式主要用来向后台请求数据，而post常用来向后台上传数据。
2. get方式是通过拼接URL方式上传数据，因地址栏长度有限(<=850个字符)，对于过大的数据浏览器无法传输完整数据给服务器；post方式URL没有变化，数据仍会通过浏览器传输给后台，可传输的数据量更大。
3. get方式在安全性方面不如post，输入的密码会显示在URL里；post方式在安全性要求高时是较好的方式，更安全。

input中name 属性的作用？

name属性规定了input元素的名称，用于对提交的数据进行标识，单选框和复选框中以name来分组，在JavaScript中引用表单数据。

radio 如何 分组

通过name属性的不同分组，同一组的name必须相同，才能够单选。

placeholder 属性的作用

在文本框中显示提示文字，一旦在文本框里输入了什么信息，提示信息就会隐藏

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

<input type="hidden" name=" " value=" ">

1. 设置在页面的隐藏域，用户提交表单时会一起发送到服务器，服务器对隐藏域中的值进行验证，验证通过则表单合法，提高了安全性。
2. 暂存信息，若需要这个值可通过定位到该元素来获取这个值。
3. 常常被用在表单提交时生成一个随机的码，服务器可以根据这个码验证请求是否过期，用于防止恶意的多次请求发送。

参考资料

1.html中隐藏域hidden的作用介绍及使用示例