练习9.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <style>
  9. * {
  10. box-sizing: border-box;
  11. text-decoration: none;
  12. }
  13. video {
  14. width: 500px;
  15. height: 300px;
  16. }
  17. .qw {
  18. width: 34px;
  19. }
  20. </style>
  21. <body>
  22. <table>
  23. <h2>青春不常在,抓紧谈恋爱</h2>
  24. <tr>
  25. <td>性别:</td>
  26. <td>
  27. <input type="radio" name="sexs" id="nan" placeholder="请输入性别">
  28. <label for="nan"><img class="qw" src="./图片/头像 男孩.png" alt="">男孩</label>
  29. <input type="radio" name="sexs" id="nv" placeholder="请输入性别">
  30. <label for="nv"><img class="qw" src="./图片/头像 女孩.png" alt="">女孩</label>
  31. </td>
  32. </tr>
  33. <tr>
  34. <td>生日:</td>
  35. <td>
  36. <select name="" id="">
  37. <option value="">--请选择月--</option>
  38. </select>
  39. <select name="" id="">
  40. <option value="">--请选择月--</option>
  41. </select>
  42. <select name="" id="">
  43. <option value="">--请选择月--</option>
  44. </select>
  45. </td>
  46. </tr>
  47. <tr>
  48. <td>所在地区:</td>
  49. <td><input type="text" placeholder="北京"></td>
  50. </tr>
  51. <tr>
  52. <td>个人介绍:</td>
  53. <td>
  54. <textarea name="" id="" placeholder="个人简介"></textarea>
  55. </td>
  56. </tr>
  57. <tr>
  58. <td></td>
  59. <td>
  60. <input type="submit" value="提交">
  61. <input type="reset" value="重置">
  62. </td>
  63. </tr>
  64. <tr>
  65. <td></td>
  66. <td>
  67. <input type="checkbox" checked name="" id="">
  68. <a href="#">我已阅读并同意《用户协议》</a>
  69. </td>
  70. </tr>
  71. <tr>
  72. <td></td>
  73. <td>
  74. <h4>我承诺</h4>
  75. <ul>
  76. <li>年满18岁、单身</li>
  77. <li>抱着严肃的态度</li>
  78. <li>真诚寻找另一半</li>
  79. </ul>
  80. </td>
  81. </tr>
  82. </table>
  83. <div>
  84. <h1>登录管理</h1>
  85. <form action="">
  86. <label for="username">用户名</label>
  87. <input type="text" id="username" placeholder="请输入用户名"><br>
  88. <label for="password">密码:</label>
  89. <input type="password" id="password" placeholder="请输入密码"><br>
  90. <input type="submit" value="登录"><br>
  91. </form>
  92. <video src="./图片/仓鼠_PSP里现充太多了!每天都和妹妹们一起玩!.29814885822.mp4" controls></video><br>
  93. <audio src="./图片/【呦猫UNEKO】梦回还【狐妖小红娘王权富贵篇】_音频.mp4" controls></audio>
  94. </div>
  95. </body>
  96. </html>