任务5 form表单

form表单的作用

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

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

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

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隐藏域有什么作用? 举例说明

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

参考资料

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

你可能感兴趣的:(任务5 form表单)