form.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. <style>
  7. span{
  8. font-size: 8px;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <h1></h1>
  14. <!-- form 表单主要用来收集用户录入的信息 -->
  15. <div style="width: 220px; margin: 0 auto; border: 1px #EEE solid; padding: 10px">
  16. <p><img src="https://passport.baidu.com/passApi/img/newloginlogo.png" width="60" /> </p>
  17. <form action="#" method="post">
  18. <p><input value="张三" name="username" placeholder="请输入文本" type="text" /></p>
  19. <p><input name="pwd" autocomplete="true" type="password" /></p>
  20. <p><input type="date" /></p>
  21. <p><input type="color" /></p>
  22. <p>
  23. 黑大 <input name="黑大" value="黑大" type="checkbox" />
  24. 哈工程 <input name="哈工程" value="哈工程" type="checkbox" />
  25. 哈学院 <input name="哈学院" value="哈学院" type="checkbox" /> </p>
  26. <p>
  27. 黑大<input name="school" value="黑大" type="radio">
  28. 哈工程<input name="school" value="哈工程" type="radio">
  29. 哈学院<input name="school" value="哈学院" type="radio">
  30. </p>
  31. <select name="school">
  32. <option value="黑大">黑大</option>
  33. <option value="哈工程">哈工程</option>
  34. <option value="哈学院">哈学院</option>
  35. <option value="哈尔滨师范大学">师大</option>
  36. </select>
  37. <textarea name="留言板" cols="28" rows="4" >
  38. 留言板留言板留言板留言板留言板留言板留言板留言板留言板留言板
  39. </textarea>
  40. <p> <input type="file" name="file" /> </p>
  41. <p><button>注册</button></p>
  42. <p><a href="#" ><span>忘记密码</span></a></p>
  43. <div>
  44. <span>扫码登陆</span> <span>立即注册</span>
  45. </div>
  46. </form>
  47. </div>
  48. </body>
  49. </html>