input标签.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>b</title>
  6. </head>
  7. <body>
  8. <!--form
  9. input 单标签
  10. name 属性 提交到服务器的参数名
  11. type="text" 输入信息
  12. placeholder 提示
  13. value 提交到服务器的值
  14. type="password" 密码 不是明文
  15. type="radio" 单选框 checked 默认选择
  16. type="checkbox" 复选框 checked 默认选择
  17. type="reset" 重置
  18. type="file" 文件
  19. type= “hidden” 隐藏域
  20. type="submit" 提交当前 from 表单的内容
  21. -->
  22. <form method="post" action="#">
  23. 用户名:<input type="text" name="username" placeholder="请输入用户名">
  24. <br> <!-- 换行 -->
  25. 密码: <input type="password" name="password" placeholder="请输入密码">
  26. <br>
  27. 性别: <input type="radio" name="sex" value="1" checked > 男 <input type="radio" name="sex" value="0" > 女
  28. <br>
  29. 爱好:
  30. <input type="checkbox" name="hobby" value="蓝球" checked > 蓝球
  31. <input type="checkbox" name="hobby" value="足球" > 足球
  32. <input type="checkbox" name="hobby" value="羽毛球" > 羽毛球
  33. <input type="checkbox" name="hobby" value="乒乓球" > 乒乓球
  34. <br>
  35. 图片:
  36. <input type="file" name="img" >
  37. <br>
  38. 隐藏域:
  39. <input type="hidden" name="hidden" value="hidden" >
  40. <br>
  41. <input type="submit" value="提交" >
  42. <br>
  43. <input type="reset" value="重置" >
  44. <br>
  45. <input type="button" value="取消" >
  46. </form>
  47. </body>
  48. </html>