HTML 表单原理

今天分享一下个人对于表单的理解。简单来讲， HTML 表单就相当于 web 页面的无线电台，使用它可以与服务器形成双向的通信。当你点击了提交按钮后，表单中所填的数据会被打包发送到服务器进行处理，接着服务器会根据表单中的信息返回特定的响 应。

在表单中，组成元素大致可以分为两类——输入赋值型和选择赋值型。虽然类型不同，但两类元素最终的结果都是为一个变量赋值。例如，输入赋值型中比较典型的输入框中：

<input type="text" name="firstname" value="165">

firstname 是一个变量名， firstname 的初始值就是 value ，当你在输入框中删除初始值，并输入几个新的数字如「666」， firstname 的值就变为了 666 。提交表单时会将变量 firstname 及其赋值提交。
选择赋值型原理相似，以单选框为例：

<input type="radio" name="notoryes" value="not"><input type="radio" name="notoryes" value="yes">

这两个单选框为一组，只能选择一个。两个选项都是为 notoryes 赋值，所赋值即每个选项 value 的值。表单提交时同样会提交变量 notoryes 及它的 value.