博客列表 >课程表实例和注册表单实例演示及代码

课程表实例和注册表单实例演示及代码

小柯
小柯原创
2021年12月23日 13:33:34419浏览

课程表实例演示:

课程表代码展示:

  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="450">
  11. <caption>
  12. 课程表
  13. </caption>
  14. <thead>
  15. <tr>
  16. <td>时间</td>
  17. <td>周一</td>
  18. <td>周二</td>
  19. <td>周三</td>
  20. <td>周四</td>
  21. <td>周五</td>
  22. </tr>
  23. </thead>
  24. <tbody>
  25. <tr>
  26. <td rowspan="4">上午</td>
  27. <td>语文</td>
  28. <td>语文</td>
  29. <td>语文</td>
  30. <td>语文</td>
  31. <td>语文</td>
  32. </tr>
  33. <tr>
  34. <td>语文</td>
  35. <td>语文</td>
  36. <td>语文</td>
  37. <td>语文</td>
  38. <td>语文</td>
  39. </tr>
  40. <tr>
  41. <td>语文</td>
  42. <td>语文</td>
  43. <td>语文</td>
  44. <td>语文</td>
  45. <td>语文</td>
  46. </tr>
  47. <tr>
  48. <td>语文</td>
  49. <td>语文</td>
  50. <td>语文</td>
  51. <td>语文</td>
  52. <td>语文</td>
  53. </tr>
  54. </tbody>
  55. <tbody align="center">
  56. <tr>
  57. <td colspan="6">中午休息</td>
  58. </tr>
  59. </tbody>
  60. <tbody>
  61. <tr>
  62. <td rowspan="4">下午</td>
  63. <td>语文</td>
  64. <td>语文</td>
  65. <td>语文</td>
  66. <td>语文</td>
  67. <td>语文</td>
  68. </tr>
  69. <tr>
  70. <td>语文</td>
  71. <td>语文</td>
  72. <td>语文</td>
  73. <td>语文</td>
  74. <td>语文</td>
  75. </tr>
  76. <tr>
  77. <td>语文</td>
  78. <td>语文</td>
  79. <td>语文</td>
  80. <td>语文</td>
  81. <td>语文</td>
  82. </tr>
  83. <tr>
  84. <td>语文</td>
  85. <td>语文</td>
  86. <td>语文</td>
  87. <td>语文</td>
  88. </tr>
  89. </tbody>
  90. <tfoot align="center">
  91. <tr>
  92. <td>备注:</td>
  93. <td colspan="5">课程表表尾</td>
  94. </tr>
  95. </tfoot>
  96. </table>
  97. </body>
  98. </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>用户登陆</title>
  8. </head>
  9. <body>
  10. <h2>用户登陆</h2>
  11. <form action="check.php" method="post">
  12. <fieldset>
  13. <legend style="text-align: center">必填项</legend>
  14. <div>
  15. <label for="username"> 帐号:</label>
  16. <input type="text" id="username" name="username" placeholder="不少于6位" required autofocus value="xiaoke" />
  17. </div>
  18. <div>
  19. <label for="psw"> 密码:</label>
  20. <input type="password" id="psw" name="psw" placeholder="不少于6位" required />
  21. </div>
  22. <div>
  23. <label for="email"> 邮箱:</label>
  24. <input type="email" id="email" name="email" placeholder="admin@rmail.com" required />
  25. </div>
  26. </fieldset>
  27. <button style="center">提交</button>
  28. </form>
  29. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议