HTML表单用法

form表单的作用

form表单的主要作用是采集和传输用户信息

常见的<input>标签和作用

• text标签，用于输入单行文本；
• password标签，用于输入密码；
• checkbox标签，用于多选项分组；
• radio标签，用于单选项分组；
• file标签，用于上传文件功能，可以用 accept属性限制上传文件的类型；
• hidden标签，用于定义隐藏的输入字段，暂存数据或信息安全等；
• button标签，用于定义可点击按钮，多用于通过JavaScript启动脚本；
• submit标签，用于定义提交按钮，将表单数据发送到服务器；
• reset标签，用于定义重置按钮，将表单数据清空重置。

post和get方式的区别

1. 传输方式不同：get会将表单的key值和value值拼接组成URL发送给服务器，post不会改变URL；
2. 安全性不同：get发送的URL使用明文方式组成，存在明显的安全隐患，post不会出现这个问题；
3. 传输数据大小不同：get发送数据时会受到URL字符数的限制，post不受这个限制；
4. 作用对象不同：get通常用于向服务器索取数据，post通常用于向服务器发送数据。

<input>标签的name属性的作用

name属性规定了<input>元素的名称，用于对表单数据标识，只有标识过的数据才能正确的向服务器传递值。

radio如何分组

radio标签通过name属性分组， name值相同的为一组，同组radio只能单选一个value值传送数据。

placeholder属性的作用

placeholder属性用于在输入框内展示一个提示信息，这个信息不会跟随用户输入的表单数据一起传送给服务器。

hidden隐藏域的作用

服务器可以先向hidden传送一个随机值，当用户向服务器传送数据时，服务器再验证hidden是否被更改，以此判定用户传送的数据是否被篡改，以确保数据信息的安全，其作用类似于隐形的验证码。