form标签
跳转页面（HTTP POST请求），和a标签是一对，a标签有的餐素form标签也有。
如果form表单里面没有提交按钮，那就无法提交这个form。
- input标签
<form action="users" method="post">
<input type="button" value = "提交">
<input type="submit" value = "提交">
<button>提交<button>
</form>
type是button时只是个普通按钮，点击不能提交；type是submit时可以提交；如果form里只有一个按钮，那button按钮自动升级为提交按钮。
喜欢的水果
<input type="checkbox" id="xxx" name="fruit" value="orange">
<label for="xxx">橘子</label>
/*老司机写法
<label><input type="checkbox" name="fruit" value="orange">爱我</label>
label标签通过for和input的id关联，实现点击文字也能实现勾选的功能。所有需要提交内容的input标签都要加上name属性，否则不会向服务器提交该内容。向服务器提交的内容是name➕value，比如fruit=orange。
<label><input type="radio" name="sex" value="male">男</label>
<label><input type="radio" name="sex" value="female">女</label>
type为radio时，name相同时是一对单选框。type为radio和checkbox这种input不输入内容的需要提供value值，告诉服务器你提交的内容，sex=male或者sex=female。value值跟type是password的输入框内输入的内容是同等的。
<select name="city">
<option value="beijing" disabled>北京</option>
<option value="shanghai" selected>上海</option>
<option value="hangzhou">杭州</option>
</select>
disabled默认不能选择，selected默认选项。
<textarea name="article" style="resize:none; width: 200px; height: 100px">
多行文本，注意和 type=text的区别
</textarea>
textarea通过css控制输入框大小，否则可以自由拉伸。
table标签
<table border=1>
<colgroup>
<col width=100>
<col bgcolor=red width=200>
<col width=100>
<col width=70>
</colgroup>
<thead>
<tr>
<th>项目</th><th>姓名</th><th>班级</th><th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<th></th><td>小明</td><td>1</td><td>94</td>
</tr>
<tr>
<th></th><td>小红</td><td>2</td><td>96</td>
</tr>
<tr>
<th>平均分</th><td></td><td></td><td>95</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>总分</th><td></td><td></td><td>190</td>
</tr>
</tfoot>
</table>
<style>
table {
border-collapse: collapse;
}
</style>
