博客列表 >表单与后台制作

表单与后台制作

P粉036614676
P粉036614676原创
2022年07月06日 16:02:12679浏览

表单

样式:

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>yknb</title>
  6. <style>
  7. </style>
  8. </head>
  9. <body>
  10. <form action="delete.php" method="post">
  11. <div>
  12. <lable for="username">用户名:</lable>
  13. <input type="text" id="username" name="name">
  14. </div>
  15. <div>
  16. <label for="password">密码:</label>
  17. <input type="password" id="password" name="password">
  18. </div>
  19. <div>
  20. <label for="secrecy">性别:</label>
  21. <input type="radio" id="female" name="sex" value="female"><label for="female"></label>
  22. <input type="radio" id="male" name="sex" value="male"><label for="male"></label>
  23. <input type="radio" id="secrecy" name="sex" value="secrecy" checked><label for="secrecy">保密</label>
  24. </div>
  25. <div>
  26. <label for="photography">爱好:</label>
  27. <input type="checkbox" id="game" name="habby[]" value="game" checked><label for="game">游戏</label>
  28. <input type="checkbox" id="trave" name="habby[]" value="trave" checked><label for="trave">旅行</label>
  29. <input type="checkbox" id="photograph" id="habby[]" name="photography" value="photography" checked><label for="photograph">摄影</label>
  30. </div>
  31. <div>
  32. <label for="degree">学历</label>
  33. <select name="degree" id="degree">
  34. <option value="1" selected disabled>--请选择--</option>
  35. <option value="2">高中</option>
  36. <option value="3">大学</option>
  37. <option value="4">研究生</option>
  38. </select>
  39. </div>
  40. <div><button>点击提交</button></div>
  41. </form>
  42. </body>
  43. </html>

标签及其含义:

后台

样式:

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>yknb</title>
  6. <style>
  7. </style>
  8. </head>
  9. <body>
  10. <div>
  11. <div class="header">
  12. <h1>网站后台管理系统</h1>
  13. <div>
  14. <em>admin</em>
  15. <a href="logout">退出</a>
  16. </div>
  17. </div>
  18. <ul>
  19. <li><a href="./0704/demo1.html" target="contant">页面1</a></li>
  20. <li><a href="./0704/demo2.html" target="contant">页面2</a></li>
  21. <li><a href="./0704/demo3.html" target="contant">页面3</a></li>
  22. <li><a href="./0704/demo4.html" target="contant">页面4</a></li>
  23. </ul>
  24. <iframe srcdoc="随便点击" frameborder="1" name="contant"></iframe>
  25. </div>
  26. </body>
  27. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议