欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-01 20:20:52
...

课程表实例演示:

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

课程表代码展示:

  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>