表单form
专门用于收集不同类型的用户输入。表单其实还是HTML中的一些标签，在浏览器中所有表单标签都有特殊的外观和默认功能。
格式：表单元素
name属性(规定表单名称)
method属性(规定如何发送表单数据)
表单数据可以作为 URL 变量（method=“get”）或者 HTTP post （method=“post”）的方式来发送。
get方法
采用 GET 方法，这时浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。
假设你有一个很简单的表单，其中只包含 x 和 y 这两个参数
x=28&y=66
在任何时候我们都可以创建一个传统的 标签，用它在调用带有所需参数值的表单，其形式如下所示：
<a href="http://www.example.com/example/program?x=28&y=66">
但是有可能传输中使用到&符号，也就是用 “&# 38;” 或 “& amp;” 来替换
有的服务器用;代替。
因此，其适合少数简短字段的小表单，存在安全问题，表单信息存在URL中，容易拦截。
post方法
如果采用 POST 方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。
在服务器端，一旦 POST 样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。
action属性
必需的 action 属性规定当提交表单时，向何处发送表单数据。
| 值 | 描述 |
|---|---|
| URL | 向何处发送表单数据。 可能的值： 绝对 URL - 指向其他站点（比如 src=“www.example.com/example.htm”） 相对 URL - 指向站点内的文件（比如 src=“example.htm”） |
常见表单元素
input标签
size属性
用来定义此区域显示大小
maxlength属性
用来定义输入最大字符数
value属性
用来定义默认值,
<p>用户名:</p><input type="password" name="email" size="40px" maxlength="10" value="2226298119"/>
type属性
text类型(明文输入框)
定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。
<p>Email:</p><input type="text" name="email" size="40px" maxlength="10"/>
password类型(暗文输入框)
用户输入会以*或黑点代替。
<P>密码:</P><input type="password" name="pin" size="40" maxlength="15"/>
radio类型(单选框)
HTML表单中的单选按钮，在 HTML 表单中 每出现一次，一个 Radio 对象就会被创建。
默认情况下，单选按钮并不是互斥的（可以选多个），如果想要其互斥需要给每个按钮添加name属性，且name属性值相同。
<p>性别</p><input type="radio" name="sex">男
<input type="radio" name="sex">女
使用checked属性来决定某个单选按钮默认状态是否被选中。如果多个单选按钮都有checked，只有最后一个生效。
p>性别</p><input type="radio" name="sex" checked>男
HTML中如果属性和取值一样可以省略取值，直接书写，比如上边的
checked="checked"
checkbox类型(复选框)
Checkbox 对象代表一个 HTML 表单中的 一个选择框。
在 HTML 文档中 每出现一次，Checkbox 对象就会被创建。
<p></p>
<input type="checkbox" checked="checked"> 我已阅读
<br>
<input type="checkbox" > 同意并且加入
file类型(文件)
在 HTML 文档中 标签每出现一次，一个 FileUpload 对象就会被创建。
该元素包含一个文本输入字段，用来输入文件名，还有一个按钮，用来打开文件选择对话框以便图形化选择文件。
<p>上传照片</p><input type="file">
submit类型(提交按钮)
定义提交按钮。提交按钮会把表单数据发送到服务器。按钮默认内容提交查询,value修改按钮提示内容
<input type="submit" value="">
image类型
使用图像代替submit按钮,图像的源文件由src属性指定,必须把 src 属性和 alt 属性与 结合使用。
<input type="image" src="up.jpg" alt="submit">
hidden类型(隐藏域)
定义隐藏字段。隐藏字段对于用户是不可见的。隐藏字段通常会存储一个默认值，它们的值也可以由 JavaScript 进行修改。
<input type="hidden" name="country" value="Norway" />
reset类型(重置按钮)
定义重置按钮。重置按钮会清除表单中的所有数据。
<input type="reset" />
onclick属性
元素上发生鼠标点击触发事件。配合在javascript中自定义函数使用
<script type="text/javascript">
function fun(){
alert("提交成功");
}
<p></p><input type="submit" value="提交" onclick="fun()">