表格table
* 使用table标签来创建一个表格
*在table标签中使用tr来表示表格中的一行，在tr中使用td表示一个单元格
*使用rowspan来纵向的合并单元格，使用colspan来横向的合并单元格，在html中还为我们提供了一个th标签，专门用来表示表头的单元格
*我们在创建一个表格时，如果没有使用thead tbody tfoot（与元素位置有直接关系，thead永远在表格顶部，tfoot在表格底部）这些标签时，浏览器会自动在页面中添加tbody，并且将所有的tr都放到tbody中，所以实际上tr并不是table子元素，而是tbody的子元素（即即使不写浏览器也默认存在table>tbody>tr结构）
*表格可以嵌套使用（不常用）
表单form
*form中有一个必须的属性叫做action，action需要一个服务器的地址，当我们提交表单时，填写的内容将会提交到action指向的地址（如果省略 action 属性，则 action 会被设置为当前页面）
*method 属性规定在提交表单时所用的 HTTP 方法（GET或POST）：
使用 GET（默认） 时，表单数据在页面地址栏中是可见的（数据较短且没有敏感信息时用）
POST 的安全性更加，因为在页面地址栏中被提交的数据是不可见的
*使用input标签来创建一个文本框
- 它需要一个type属性是text
- 如果希望表单中的内容最终发送到服务器，还必须要给表单项添加一个name属性
该属性将会作为用户填写内容名字，在服务器中可以根据这个名字来获取用户填写内容
- 默认情况下，用户添加的内容将会以查询字符串的形式发送给服务器，
所谓的查询字符串就是url地址?后边的内容,查询字符实际上就是一个一个的名值对结构，多个名值对之间使用&隔开
- username=sunwukong&password=123123
*可以通过value属性为文本框指定一个默认值
*密码框也是input，不同的是它type需要使用password(输入是不会以明文显示出来)
*单选按钮
- 使用input来创建一个单选按钮
- 它的type属性值是radio
- 单选按钮是通过name属性来分组的，相同的name属性值属于一组
- 像这种选择框不需要用户填写内容的，还必须指定一个value属性，
这样选中的元素的value属性值将会被提交到服务器
- 如果希望某个单选按钮处在默认选中的状态可以在标签中添加属性 checked="checked"
多选框
* 使用input来创建一个多选框，它的type属性是checkbox
下拉列表
- 使用select来创建一个下拉列表
- 使用option标签来创建下拉列表中的选项
- 下拉列表的name属性需要指定给select标签，value属性需要指定给option
- 如果希望将option设置为默认选中，则可以在option中添加一个属性 selected = "selected"
提交按钮
- 使用input来创建一个提交按钮
- 它的type叫做submit
- 通过value属性可以设置提交按钮上的文字
普通按钮
如果type设置为button，那么会生成一个普通的按钮，，它只有一个功能就是被点
按钮button
也可以通过button标签来创建按钮，使用button创建的按钮和input创建的按钮功能一致，只不过button标签更加的灵活
<button type="submit">提交按钮</button>
<button type="reset">重置</button>
<button type="button">单纯的按钮</button>
