HTML表单学习笔记

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

HTML 表单用于搜集不同类型的用户输入，然后将数据提交到服务器。 表单是一个包含表单元素的区域 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。所有表单控件，只有放在<form>标签里，才能将数据提交到服务器。

• 常见的input标签：

post 和 get 方式的区别？

• GET请求的数据会附在URL之后（就是把数据放置在HTTP协议头中），以?分割URL和传输数据，参数之间以&相连，如果数据是英文字母/数字，原样发送，如果是空格，转换为+，如果是中文/其他字符，则直接把字符串用BASE64加密；POST把提交的数据则放置在是HTTP包的包体中。
• POST的安全性要比GET的安全性高。比如：通过GET提交数据，用户名和密码将明文出现在URL上。除此之外，使用GET提交数据还可能会造成Cross-site request forgery攻击。
• Get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求。 GET 请求一般不应产生副作用。就是说，它仅仅是获取资源信息，就像数据库查询一样，不会修改，增加数据，不会影响资源的状态。 get提交的信息有限，根据不同浏览器对URL长度限制的不同而受到不同的限制。而post理论上可以提交无限的信息量。

在input里，name 有什么作用？

name属性规定了input元素的名称，用于后续提交表单数据，或者在JS中引用表单。 POST和GET的时候，name和input中的值会形成的 键/值 对，服务器端的表单处理程序只有通过name才能获取到相应的用户输入。 check和radio靠相同的name值分组。

radio 如何 分组?

通过name属性分组。相同的name为一组。
举例：<input type="radio" name="sex" value="男">
<input type="radio" name="sex" value="女">女
<input type="radio" name="sex1" value="男">男
<input type="radio" name="sex2" value="女">女
"sex"为一组，"sex1"为同一组。

placeholder 属性有什么作用?

placeholder属性规定用以描述输入字段预期值的提示，该提示会在用户输入值之前显示在输入字段中，输入正确的值之后自动消失。

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

标签<input type="hidden" name="" value="">标签的作用是：隐藏不想让用户看到的信息，但是这些信息对于Web应用又是非常必要的。浏览者发送表单的时候，隐藏域的信息也被一起发送到服务器，后台通过用户隐藏域中value的值，就可以识别用户，来提高安全性。