Day33（3）-F:\硕士阶段\Java\课程代码\前端\HTML-CSS\14.Tlias案例-底部版权区域.html-12~14

表单项

value是表单的提交值

姓名：

​ 密码：

​ 性别：男
​ 女


​
​

​ 爱好：阅读
​ 游泳
​ 编码
​ 跳舞
​ 唱歌


​
​ 图像：

​ 生日：

​ 时间：

​ 日期时间：

​ 学历： ​ -----请选择----- ​ 高中 ​ 大学 ​ 硕士 ​ 博士 ​

​ 描述：


​
​
​

​
​
​
​
​

表单项

Tlias智能学习辅助系统

退出登录

​

姓名：

​ 性别：

<select id="gender" name="gender">
  <option value="">请选择性别</option>
  <option value="male">男</option>
  <option value="female">女</option>
</select>

​ 职位：

<select name="position" id="position">
  <option value="">请选择职位</option>
  <option value="班主任">班主任</option>
  <option value="讲师">讲师</option>
  <option value="学工主管">学工主管</option>
  <option value="教研主管">教研主管</option>
  <option value="咨询师">咨询师</option>
</select>

​ 提交
​ 清空

Tlias智能学习辅助系统

退出登录

​

姓名：

​ 性别：

<select id="gender" name="gender">
  <option value="">请选择性别</option>
  <option value="male">男</option>
  <option value="female">女</option>
</select>

​ 职位：

<select name="position" id="position">
  <option value="">请选择职位</option>
  <option value="班主任">班主任</option>
  <option value="讲师">讲师</option>
  <option value="学工主管">学工主管</option>
  <option value="教研主管">教研主管</option>
  <option value="咨询师">咨询师</option>
</select>

​ 提交
​ 清空

<table>
  <!-- 表头 -->
  <thead>
    <!-- 定义行tr -->
    <tr>
      <!-- 定义表头单元格th，有加粗效果 -->
      <th>姓名：</th>
      <th>性别：</th>
      <th>头像：</th>
      <th>职位：</th>
      <th>入职时间</th>
      <th>最后操作时间：</th>
      <th>操作：</th>
    </tr>
  </thead>

​
​
​
​
​ 令狐冲
​ 男
​
​ 讲师
​ 2023-01-01
​ 2024-09-16 12:00
​
​ 编辑
​ 删除
​
​
​
​ 任盈盈
​ 女
​
​ 咨询师
​ 2023-01-01
​ 2024-09-16 09:00
​
​ 编辑
​ 删除
​
​
​
​ 向问天
​ 男
​
​ 教研主管
​ 2023-01-01
​ 2024-09-16 17:45
​
​ 编辑
​ 删除
​
​
​
​

Tlias智能学习辅助系统

退出登录

​
​

<form class="search-form" action="/search" method="post">
<label for="name">姓名：</label>
<input type="text" id="name" name="请输入姓名" placeholder="请输入姓名">

​ 性别：

<select id="gender" name="gender">
  <option value="">请选择性别</option>
  <option value="male">男</option>
  <option value="female">女</option>
</select>

​ 职位：

<select name="position" id="position">
  <option value="">请选择职位</option>
  <option value="班主任">班主任</option>
  <option value="讲师">讲师</option>
  <option value="学工主管">学工主管</option>
  <option value="教研主管">教研主管</option>
  <option value="咨询师">咨询师</option>
</select>

​ 提交
​ 清空
​

​

  <table>
  <!-- 表头 -->
  <thead>
    <!-- 定义行tr -->
    <tr>
      <!-- 定义表头单元格th，有加粗效果 -->
      <th>姓名：</th>
      <th>性别：</th>
      <th>头像：</th>
      <th>职位：</th>
      <th>入职时间</th>
      <th>最后操作时间：</th>
      <th>操作：</th>
    </tr>
  </thead>

​
​
​
​
​ 令狐冲
​ 男
​
​ 讲师
​ 2023-01-01
​ 2024-09-16 12:00
​
​ 编辑
​ 删除
​
​
​
​ 任盈盈
​ 女
​
​ 咨询师
​ 2023-01-01
​ 2024-09-16 09:00
​
​ 编辑
​ 删除
​
​
​
​ 向问天
​ 男
​
​ 教研主管
​ 2023-01-01
​ 2024-09-16 17:45
​
​ 编辑
​ 删除
​
​
​
​

​

<footer class="footer">
<p>江苏传智播客教育科技股份有限公司</p>
<p>版权所有 Copyright 2003-2024 All Rights Reserved</p>
</footer>