课程表

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <table border="1" width="90%" cellspacing="0" cellpadding="20" align="center">
  11. <caption>
  12. <h1>课程表</h1>
  13. </caption>
  14. <thead>
  15. <tr style="background-color: lightblue;">
  16. <th>时间</th>
  17. <th>周一</th>
  18. <th>周二</th>
  19. <th>周三</th>
  20. <th>周四</th>
  21. <th>周五</th>
  22. </tr>
  23. </thead>
  24. <tbody>
  25. <tr>
  26. <th rowspan="2" style="background-color: rgb(247, 210, 216);">上午</th>
  27. <th>英语</th>
  28. <th>英语</th>
  29. <th>英语</th>
  30. <th>英语</th>
  31. <th>英语</th>
  32. </tr>
  33. <tr>
  34. <th>数学</th>
  35. <th>数学</th>
  36. <th>数学</th>
  37. <th>数学</th>
  38. <th>数学</th>
  39. </tr>
  40. <tr>
  41. <th style="background-color: rgb(247, 210, 216);">中午</th>
  42. <th colspan="5" style="background-color: lightcyan;">午饭</th>
  43. </tr>
  44. <tr>
  45. <th style="background-color: rgb(247, 210, 216);">下午</th>
  46. <th>语文</th>
  47. <th>语文</th>
  48. <th>语文</th>
  49. <th>语文</th>
  50. <th>语文</th>
  51. </tr>
  52. <tr>
  53. <th colspan="6" style="background-color: lightcyan;">备注:每天上学时必须带书包</th>
  54. </tr>
  55. </tbody>
  56. </table>
  57. </body>
  58. </html>

课程表

表单

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <!-- <link rel="stylesheet" href="表单.css"> -->
  9. </head>
  10. <body>
  11. <form action="" method="POST" enctype="multipart/form-data">
  12. <div class="biaodan">
  13. <caption>
  14. <h1>Login</h1>
  15. </caption>
  16. <label>账号: <input type="text" id="username" placeholder="username" required autofocus></label>
  17. <br>
  18. <label>密码: <input type="password" id="password" placeholder="password" required></label>
  19. <br>
  20. <label>邮箱: <input type="email" id="email" placeholder="email" required></label>
  21. <br>
  22. <div>
  23. <label for="secret">性别: </label>
  24. <input type="radio" name="gender" value="male" id="male"><label for="male"></label>
  25. <input type="radio" name="gender" value="female" id="female"><label for="female"></label>
  26. <input type="radio" name="gender" value="secret" id="secret" checked><label for="secret">保密</label>
  27. <br>
  28. </div>
  29. <div><label>爱好: </label>
  30. <input type="checkbox" name="hobby[]" id="game" value="game" checked><label for="game">游戏</label>
  31. <input type="checkbox" name="hobby[]" id="sleeping" value="sleeping" checked><label
  32. for="sleeping">睡觉</label>
  33. <input type="checkbox" name="hobby[]" id="programming" value="programming" checked><label
  34. for="programming">编程</label>
  35. </div>
  36. <div>
  37. <label for="">年龄</label>
  38. <select name="age" id="age">
  39. <option value="1">0-10</option>
  40. <option value="2" selected>10-20</option>
  41. <option value="3">20-30</option>
  42. <option value="4">30-40</option>
  43. <option value="5">40-50</option>
  44. <option value="6">50-60</option>
  45. <option value="6" label="60-"></option>
  46. </select>
  47. </div>
  48. <div>
  49. <label for="">得意语言</label>
  50. <input type="search" name="search" id="" list="key">
  51. <datalist id="key">
  52. <option value="html"></option>
  53. <option value="css"></option>
  54. <option value="javascript"></option>
  55. <option value="php"></option>
  56. <option value="python"></option>
  57. </datalist>
  58. </div>
  59. <div>
  60. <button class="button" type="submit">提交</button>
  61. </div>
  62. </div>
  63. </form>
  64. </body>
  65. </html>

更多相关文章

  1. 课程表学习代码发布
  2. php 中文网 第十五期——第二课作业
  3. 表格的练习
  4. 学生课程表表格/用户注册表单
  5. html基础:制作简单的表格与表单
  6. 课程表、用户注册及 css 预习
  7. markdown的常用语法
  8. 菜鸟第一步
  9. Python数据分析难吗?需要英语数学基础吗?

随机推荐

  1. Android 带有角标的imageview,类似于qq、
  2. android 5.0多用户支持
  3. 【Android 界面效果12】EditText中的多行
  4. Android中做一个无标题窗口
  5. 使用eclipse打开android_sdk自带的例子
  6. Android UI学习 - ListView (android.R.l
  7. android之照相、相冊裁剪功能的实现过程
  8. Android(安卓)8.1 FreeForm切换显示异常
  9. android中调试之日志
  10. Android PackageManagerService的启动过