博客列表 >表单,媒体标签,iframe学习

表单,媒体标签,iframe学习

杨雨辰
杨雨辰原创
2022年07月26日 15:31:00341浏览

用户注册

  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. <form action="check.php" method="post">
  11. <div>
  12. <label for="name">用户名</label>
  13. <input
  14. type="text"
  15. id="name"
  16. name="username"
  17. placeholder="用户名不能为空"
  18. autofocus="autofocus"
  19. />
  20. <div>
  21. <label for="psw">密码</label>
  22. <input
  23. type="password"
  24. name="password"
  25. id="psw"
  26. placeholder="密码不能为空"
  27. />
  28. </div>
  29. <!-- 单选按钮 预定义必须给默认值value -->
  30. <!-- checked默认选项 -->
  31. <div>
  32. <label for="secret">性别:</label>
  33. <input type="radio" name="sex" id="male" value="male" />
  34. <label for="male"></label>
  35. <input type="radio" name="sex" id="female" value="female" />
  36. <label for="female"></label>
  37. <input type="radio" name="sex" id="secret" value="female" checked />
  38. <label for="secret">保密</label>
  39. </div>
  40. <!-- 复选框 -->
  41. <div>
  42. <label for="game">爱好:</label>
  43. <input type="checkbox" name="hobby[]" id="game" value="game" />
  44. <label for="game">游戏</label>
  45. <input type="checkbox" name="hobby[]" id="SWIMM" value="SWIMM" />
  46. <label for="swimm">游泳</label>
  47. <input
  48. type="checkbox"
  49. name="hobby[]"
  50. id="basketball"
  51. value="basketball"
  52. checked
  53. />
  54. <label for="basketball">篮球</label>
  55. </div>
  56. <!-- selected默认选项 disabled禁用 -->
  57. <div>
  58. <label for="EDUCATION">学历:</label>
  59. <select name="edu" id="EDUCATION">
  60. <option value="0" selected disabled>--请选择--</option>
  61. <option value="1">中学</option>
  62. <option value="2">大学</option>
  63. <option value="3">研究生</option>
  64. <option value="4">博士</option>
  65. <option value="5">其他</option>
  66. </select>
  67. </div>
  68. <div>
  69. <button>提交</button>
  70. </div>
  71. </div>
  72. </form>
  73. </body>
  74. </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. <!-- 多媒体标签 -->
  11. <!-- controls:显示播放控件,布尔属性 -->
  12. <video src="ceshi.mp4" width="400" controls></video>
  13. </body>
  14. </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. <li><a href="./yonghuzhuce.html" target="content">用户注册</a></li>
  11. <li><a href="../0701/emmet语法.html" target="content">emmet语法</a></li>
  12. <li><a href="../0704/biaoge.html" target="content">表格</a></li>
  13. <li><a href="./video.html" target="content">video的标签</a></li>
  14. <iframe
  15. src=""
  16. frameborder="11"
  17. width="800"
  18. height="800"
  19. name="content"
  20. ></iframe>
  21. </body>
  22. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议