表格与表单标签

无序列表

  <ol type="1" start="10">
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
  </ol>

 有序列表

<ul type="circle">
  <li>理论</li>
  <li>理论</li>
  <li>理论</li>
  <li>理论</li>
  <li>理论</li>
</ul>

 自定义列表

<dl>
    <dt>标题</dt>
    <dd>一行</dd>
    <dd>二行</dd>
    <dd>三行</dd>
</dl>

 表格标签

<table border="1" align="center"  >
  <tr >
    <!-- 表格标题 -->
    <th bgcolor="pink" colspan="1" width="50">第一列</th>
    <th>第二列</th>
  </tr>
  <!-- 定义行 -->
  <tr>
    <td>第一行第一列</td>
    <td>第一行第二列</td>
  </tr>
  <tr>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
  </tr>
</table>

表单标签

    <!--表单 -->
    <form action="">
        姓名:<input type="text">
        密码:<input type="password">
        账号:<input type="number">
    </form>

单选标签

    <!-- 单选标签 -->
    <input type="radio" value="sex"> 男
    <input type="radio" value="sex" checked>女
    <input type="radio" value="sex">其他<br>

多选标签

<!-- 多选标签 -->
    <input type="checkbox" value="chi" name="a" >吃
    <input type="checkbox" name="a" value="shui">睡
    <input type="checkbox" name="a" value="he" checked>喝

下拉框标签

    <select name="地区" id="aaa">
        <option value="taiyuan">太原</option>
        <option value="hz">杭州</option>
        <option value="bj">北京</option>
    </select>

文本域标签

    <!-- 文本域 -->
    <textarea name="wenben" id="aaa" cols="30" rows="10"></textarea>

提交按钮

<form action="bg.html"><input type="submit" name="aaa"></form>

单选标签(radio):

        name属性: name属性相同时,为同一组单选选项组

        checked：默认选中，选多个时，选中最后拥有该属性的那个。

多选标签(checkbox):

        name属性: name属性相同时,为同一组复选选项组

        checked：默认选中，选多个时，就是多个都选中

        name属性: 传数据时,让接收方知道我们传的是谁的数据。值是什么。

        value属性:值。

无序列表(ul):
              type: disc 实心圆 默认
              circle: 空心圆
              square: 实心方框