test.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>表单示例</title>
  6. <style>
  7. .form-box {
  8. border: 1px solid #000;
  9. border-radius: 10px;
  10. padding: 20px;
  11. width: 300px;
  12. margin: 20px;
  13. }
  14. .form-item {
  15. margin: 10px 0;
  16. }
  17. label {
  18. display: inline-block;
  19. margin-right: 10px;
  20. }
  21. input[type="text"] {
  22. border: 1px solid #ccc;
  23. border-radius: 4px;
  24. padding: 5px;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="form-box">
  30. <form action="/submit-form" method="post">
  31. <div class="form-item">
  32. <label for="name">用户名:</label>
  33. <input type="text" id="name" name="name">
  34. </div>
  35. <div class="form-item">
  36. <label for="password">密码:</label>
  37. <input type="text" id="password" name="password">
  38. </div>
  39. <div class="form-item">
  40. <label for="comment">性别:男</label>
  41. </div>
  42. <div class="form-item">
  43. <input type="submit" value="提交表单">
  44. </div>
  45. </form>
  46. </div>
  47. </body>
  48. </html>