表格

  • table/tr/th/td(row,headercell,datacell)

    1. tr中的内容默认加粗并居中
    2. 标签table没有边框—语法与实现相分离
    3. 加边框—{border:1px solid black;}，写在table、th、td内即给对应的加边框
    4. 使边框合并—border-collapse:collapse;
    5. 给table加标题，需要紧挨着table开始标签，使用caption属性写在table标签内
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <table style="border:1px solid black;">
            <caption>
                Hdd
            </caption>
            <tr>
                <th style="border:1px solid black;">
                    1
                </th>
                <th style="border:1px solid black;">
                    2
                </th>
            </tr>
            <tr>
                <td style="border:1px solid black;">
                    q1
                </td>
                <td style="border:1px solid black;">
                    q2
                </td>
            </tr>
        </table>
    1. thead/tbody/tfoot进行分割表格

    <thead> 元素与 <tbody> 和 <tfoot> 元素结合使用，以规定表格的每个部分（页眉、正文、页脚）。

    • colspan属性：允许th、td跨行、列显示（colspan跨行，rowspan跨列）
    1
    <td rowspan="这里写要跨的行数">XX</td>
    • 批量设置一列或者多列的style
    1
    2
    3
    <colgroup>
        <col span="这里写列数，默认为1" style="这里写样式">
    </colgroup>

表单<form></form>

  1. action=””。交由谁处理，默认当前界面
  2. method=””。使用哪种HTTP方法将表单发给Server
    • GET：将数据整合到URL里，不安全
    • POST：数据随HTTP消息主题发到服务器
  3. target：指定显示的位置，例如_blank

  • button：按钮

    • type：选择可选的属性值
      1. submit：提交
      2. button：按钮
      3. reset：重置
    • formmethod=”get/post”，HTML5新增，修改原form中规定的提交方法

  • form中的autocomplete属性：on开；off关。（自动填充：由于隐私，有时候用户不希望输入框下有提示）