表单标签(HTML)

曾经终败给现在 2023-10-03 12:27 108阅读 0赞

表单标签(HTML)

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>表单标签</title>
  7. </head>
  8. <body>
  9. <form action="demo.php" method="POST" name="name1">
  10. <!--text 文本框 用户可以在里面输入任何文字-->
  11. <!-- label标签 点相关文本框即可自动跳到相应的表单元素上 -->
  12. <label for="text"> 用户名:<input type="text" name="username" value="请输入用户名" maxlength="20" id="text"> <br />
  13. <!--password 密码框 用户看不见输入的文字-->
  14. 密码:<input type="password" name="pwd"><br />
  15. <!--radio 单选按钮 可以实现多选一-->
  16. <!-- name 是表单元素名字 这里性别单元按钮必须有相同的名字name 才可以实现多选1 -->
  17. <!-- 单选按钮和复选框可以设置checked 属性,当页面打开的时候就可以默认选中的这个按钮 -->
  18. <label for="nan">
  19. 性别: 男 <input type="radio" name="sex" value="男" checked="checked" id="nan">
  20. <label for="nv">
  21. <input type="radio" name="sex" value="女" id="nv"><br />
  22. <!--checkbox 复选框 可以实现多选-->
  23. 爱好:
  24. 听音乐 <input type="checkbox" name="hobbt" value="听音与">
  25. 运动 <input type="checkbox" name="hobbt" value="运动">
  26. 学习 <input type="checkbox" name="hobbt" value="学习">
  27. 看书 <input type="checkbox" name="hobbt" value="看书" checked="checked">
  28. <br />
  29. <!--submit 提交按钮 -->
  30. <!-- 点击了提交按钮,可以把 表单域form 里面的表单元素 里面的值 提交给后台服务器 -->
  31. <input type="submit" value="免费注册"> <br />
  32. <!-- 重置按钮可以还原表单元素初始的默认状态 -->
  33. <input type="reset" value="重新填写"><br />
  34. <!-- 普通按钮 botton 后期结合js 搭配使用-->
  35. <input type="button" value="获取短信验证码"><br />
  36. <!-- 文件域 使用场景---上传文件使用的 -->
  37. 上传头像:<input type="file">
  38. </form>
  39. <form>
  40. 籍贯:
  41. <select>
  42. <option>广东</option>
  43. <option>北京</option>
  44. <option selected="selected">上海</option>
  45. <option>广西</option>
  46. <option>辽宁</option>
  47. <option>海南</option>
  48. </select>
  49. </form>
  50. <form>
  51. 今日反馈:
  52. <!-- cols=“50”可以写50个字 rows=“5” 5行 -->
  53. <textarea cols="50" rows="5">
  54. 请输入相关信息
  55. </textarea>
  56. </form>
  57. </body>
  58. </html>

发表评论

表情:
评论列表 (有 0 条评论,108人围观)

还没有评论,来说两句吧...

相关阅读

    相关 网页设计:HTML标签

    > 表单包含三个基本组成部分:表单标签、表单域、表单按钮。 1,表单标签 HTML 表单用于收集用户输入,表单使用`<form>` 标签创建。表单可包含文本字段、复选框

    相关 HTML标签标签

    1 : 表单标签: `<form></form>` 表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素

    相关 HTML标签

    1、 <form>标签提供给用户输入的表单标签,    type表示控件类型,为可选,默认为text。    name表示提交的参数名,    value表示显示