day4

表格表单标签
1.表格标签

点击查看代码

  <table border="1px" width="600px" cellspacing="0">
    <tr>
      <th>序号</th>
      <th>学号</th>
      <th>姓名</th>
    </tr>
    <tr>
      <td>1</td>
      <td>23</td>
      <td>沈八才</td>
    </tr>
    <tr>
      <td>2</td>
      <td>24</td>
      <td>沈千云</td>
    </tr>
  </table>

2.表单标签

点击查看代码

  <!--
  form表单属性：
        action:表单提交url，往何处提交数据，如果不指定，默认提交到当前页面
        method：表单的提交方式
            get：在url后面拼接表单数据，比如：？username=tom&age=12，url长度有限制，默认值
            post：在消息体（请求体）中传递，参数大小无限制的。
  -->
  <form action="" method="get">
    用户名：<input type="text" name="username">
    <br>
    年龄： <input type="text" name="age">
    <br>
    <input type="submit" value="提交">
  </form>

表单项

点击查看代码

  <form action="" method="get">
    用户名：<input type="text" name="username">
    <br>
    年龄： <input type="text" name="age">
    <br>
    密码：<input type="password" name="password"><br>
    性别：<label><input type="radio" name="gender" value="1">男</label>
    <label><input type="radio" name="gender" value="2">女</label><br>
    图片：<input type="file" name="img"><br><br>
    学历：<select name="degree">
    <option value="">-----------请选择------------</option>
    <option value="1">大专</option>
    <option value="2">本科</option>
    <option value="4">硕士</option>
    <option value="5">博士</option>
  </select><br>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
  </form>

小结