表格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>