HTML表单（Form）是HTML的一个重要部分，主要用于采集和提交用户输入的信息。
简单表单实例：
- <html>
- <head>
- <title>简单表单</title>
- </head>
- <body>
- <form id="form1" name="form1" method="post" action="check.html">
- 姓名：<input type="text" name="username" value="请输入姓名...."/>
- <input type="submit" value="提交"/>
- </form>
- </body>
- </html>
注意：
1、排版时，表单元素放在表单里面。
2、排版表单和表单元素的页面，可以使静态页面，也可以是动态页面；但接收表单的页面一般情况下，必须动态页面才有意义。
表单和表单元素的标记：
1、表单：<form name="" id="" method="" action=“”></form>
学习HTML表单最关键要掌握的三个要点：
A、Action
用户填入表单的信息总是需要程序来进行处理，表单里的action就指明了处理表单信息的文件。
B、Method
表示了发送表单信息的方式。method有两个值：get和post。get的方式是将表单控件的name/value信息经过编码之后，通过URL发送（你可以在地址栏里看到）。而post则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。
C、常用表单控件（Form Contrls）
1、单行文本框
<input type="text" name="username" value="defaultValue" width="20" height="5"/>
注：type="text"是设置所添加的控件为单行广本；name=“username”为此控件设置名字；value=“defaultValue”是设置文本框的默认置；width=“20”设置文本框的输入字符长度为20的字符；height=“5”设置文本框的高度。
2、密码框
<input type="password" name="password" width="20" height="5"/>
注：type=“password”是设置所添加的控件为密码框，输入进去的内容是以星号代替而不是明文；其他的与单行文本块一致。
3、单选按钮
<input type="radio" name="fruit" value="Apple">苹果<br>
<input type="radio" name="fruit" value="Orange" checked="checked">桔子<br>
<input type="radio" name="fruit" value="Mango">芒果<br>
注：使用单选框，让用户在一组选项里只能选择一个。用checked表示默认已选择的选项。
4、复选框
<input type="checkbox" name="fruit" value="apple">苹果<br>
<input type="checkbox" name="fruit" value="orange">桔子<br>
<input type="checkbox" name="fruit" value="mango">芒果<br>
注：复选框允许用户在一组选项里，选择多个。用checked表示默认已选择的选项。
5、下拉框
A、在组选项中只能选择一个选项的语法：
<select name="fruit">
<option value="apple">苹果
<option value="orange" selected="selected">桔子
<option value="mango">芒果
</select>
B、在组选项中可以选择多个选项的语法：
<select name="fruit" muiltiple>
<option value="apple">苹果
<option value="orange" selected="selected">桔子
<option value="mango">芒果
</select>
注：下拉框的selected表示默认已选择的选项。
6、多行文本框
<textarea name="yoursuggest" cols="50" rows="3">默认显示值</textarea>
注：其中cols表示textarea的宽度，rows表示textarea的高度。
7、文件浏览框：
<input type="file" name="" id="" size=""/>
注：size是字符长度。
8、重置按钮：
<input type="reset" value="重置" id="" name=""/>
9、提交
<input type="submit" value="提交"/>
注：通过提交（input type=submit）可以将表单（Form）里的信息提交给表单里action所指向的文件，value=“提交"是设置提交按钮上所显示的文字提示。
10、图片提交：
<a href="javascript:document.表单名称.submit();"><img src="图片路径" /></a>
11、隐藏域
<input type="hidden" id="" name="" value="">
