HTML表单

在HTML中，通常把form标签称为表单。表单不会对页面的样式产生影响，但会影响页面的行为。它可以将表单中的数据，通过指定的方式，（get或post）提交到服务器上。

表单提交的四个重要内容：提交的时机，请求的方式，请求的地址，发送的数据。

表单提交：就是将form标签之间，用户填写的数据封装到消息体或URL地址后，请求服务器。

表单提交的两种方式：

提交按钮和js提交。

1.点击了表单中的提交按钮。提交按钮跟按钮的文本无关，【<input type="button" value="提交" >，这个不是提交！】！提交按钮指的是type="submit",并不是文本value="提交"。

2.在js中调用了表单对象的submit方法。

表单提交事件

无论是通过提交按钮提交，还是js提交，当表单被提交时，都会首先触发form表单的onsubmit事件，如果给form标签注册了onsubmit事件，若事件的返回结果是false，则表单不会被提交；反之则表单正常提交。利用这一点可以实现在提交前验证，防止错误的数据上传到服务器。

请求方式

请求方式：就是提交表单时，通过哪种方式（get或post）发送请求给服务器。form标签的method属性，可以控制请求的方式，该属性可以省略（默认是get请求），【post请求，method="post " 】。

当表单使用get的方式提交时，浏览器会将表单中的数据添加到地址后面，作为地址参数。例如https://www.zzz.com/index.html?username=zzz&password=123456  ，其中username和password是表单中input标签的name属性，zzz和123456为用户输入的数据。

当表单使用post方式提交时，数据会提交到服务器上，如提交到index.php文件中。提交的数据会成为超全局变量$_POST中的键值对，其中键为input标签中的name属性，值为用户输入的数据。

请求地址

get方式的请求地址是提交到浏览器的地址后面，作为参数。

post方式的请求地址为 action="index.php"。记住一点，只要是get请求，就提交到浏览器地址栏，post就提交到服务器。

表单发送的数据

表单被提交时，并不是表单的全部内容都会被提交，表单中某个标签的数据，要想被提交，必须满足两个条件：

1、标签内必须有name属性值，否则标签无法组装键值对

2、标签必须为input，select，textarea，其他标签的数据不会被提交到服务器

在提交这些标签数据时，键值对如下

键：标签的name属性值

值：标签的value属性值

form标签的name属性很重要，没有name属性，是提交不到服务器的。