html学习笔记（四）——表单+表格

1. 表格元素

表格主要用来展示数据

1.1 常用标签：

表格元素的容器使用 table 标签

其他表格元素的标签：thead，tbody，th，tr，td等

thead 和 tbody 代表了表格内的块，类似于 head 和 body

在 thead 中，th 代表标题行的一列

在 tbody 中，tr 代表行，td 代表一行内的一列

1.2 常用属性

table常用属性：border（用于规定边框宽度）

td常用属性：colspan （列合并） rowspan （行合并）

<table border="1">
    <tr>
        <td colspan="4">学生列表</td>
    </tr>
    <tr>
        <td rowspan="3">一班</td>
        <td>1</td>
        <td>小杨</td>
        <td>2岁</td>
    </tr>
    <tr>
        <td>2</td>
        <td>小宇</td>
        <td>4岁</td>
    </tr>
    <tr>
        <td>3</td>
        <td>小海</td>
        <td>5岁</td>
    </tr>
</table>

2. 表单元素

表单用于输入，即向服务器发送数据

2.1 常用标签：

表单元素容器使用from标签

input（文本框/按钮框）

label（提示文字，修饰文本框/按钮）

select（下拉选择框）

option（下拉选择选项）

2.2 常用属性

input常见的属性有：

input:type="text"：文本输入框

input:type="password"：密码输入框

input:type="radio"：单选框

input:type="checkout"：复选框

input:type="button"：自定义按钮

input:type="submit"：提交按钮

value：提供按钮的文本内容

name：提供单选框的分类

placeholder：默认提示文本（有输入时消失）

label常见的属性有：

for：用于与 input 标签的 id 捆绑，当点击 label 标签内容时即等于点击与其捆绑的 input 框