博客列表 >0630作业

0630作业

曾宇的博客
曾宇的博客原创
2021年07月06日 19:58:05399浏览
  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. <h3>用户注册</h3>
  11. <fieldset>
  12. <legend>必填项</legend>
  13. <form action="" method="GET" style="background-color: lightcyan;">
  14. <div>
  15. <label for="username">账号</label>
  16. <input type="text" id="username" name="username" autofocus required placeholder="不少于6位">
  17. </div>
  18. <div>
  19. <label for="hanpi">密码</label>
  20. <input type="password" id="hanpi" name="password" required placeholder="不少于5位 且至少有两个字母">
  21. <button>显示密码</button>
  22. </div>
  23. <div>
  24. <label for="username">邮箱</label>
  25. <input type="email" id="email" name="email" placeholder="@..........">
  26. </fieldset>
  27. </div>
  28. <div>
  29. <label for="">性别</label>
  30. <input type="radio">
  31. <label for=""></label>
  32. <input type="radio">
  33. <label for=""></label>
  34. <input type="radio">
  35. <label for="" " checked id="secret">保密</label>
  36. </div>
  37. <label>爱好</label>
  38. <input type="checkbox" name="hobby []" id="game" checked> <label for="">游戏</label>
  39. <input type="checkbox" name="hobby []" id="tirp"> <label for="">旅游</label>
  40. <input type="checkbox" name="hobby []" id="shoot"> <label for="">摄影</label>
  41. <input type="checkbox" name="hobby []" id="football" checked> <label for="">足球</label>
  42. <button>提交</button>
  43. </form>
  44. </body>
  45. </html>
  46. ##选择器
  47. <!DOCTYPE html>
  48. <html lang="en">
  49. <head>
  50. <meta charset="UTF-8">
  51. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  52. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  53. <title>选择器</title>
  54. </head>
  55. <body>
  56. <style>
  57. /* h1{
  58. color: lightcyan; */
  59. }
  60. </style>
  61. <h1 style="color:red;">5</h1>
  62. <h1>6</h1>
  63. <h1>7</h1>
  64. <h1>8</h1>
  65. </body>
  66. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议