HTML-Form表单

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

• HTML 表单用于搜集不同类型的用户输入，并向后端提交数据。
• <input> 元素是最重要的表单元素，有很多形态，根据不同的 type 属性。
  • <input type="text"> 定义供文本输入的单行输入字段。
  • <input type="password"> 定义密码字段。
  • <input type="submit"> 定义提交表单数据至表单处理程序的按钮。
  • <input type="radio"> 定义单选按钮。
  • <input type="checkbox"> 定义复选框。
  • H5新输入类型查看：w3cshool

POST 和 GET 方式的区别？

• GET：表单数据放在页面地址栏中提交，GET 最适合少量数据的提交。因为浏览器会设定容量限制。
• POST：POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的。

在input里，name 有什么作用？

• input通常是以key-value的形式提交数据的，而name的值通常作为提交的key值。

radio 如何 分组?

• 使用相同的name值的radio元素作为一组。

placeholder 属性有什么作用?

• placeholder 属性提供可描述输入字段预期值的提示信息（hint），该提示会在输入字段为空时显示，并会在字段获得焦点时消失。

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

• 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息。
• 可以提供一些安全保障，如：向后端发送一些特定值，以此来判断此提交是否安全。

HTML表单的用法

在线表单展示