HTML标签 之 表单 2022-05-29 前端html 在网页中，在我们需要收集用户信息的时候，就会用到表单。比如注册账号时有时候需要用户的名字、性别、出生日期、电话、邮箱等，就可以用表单来处理。 一个完整的表单通常由表单域、表单控件（表单元素）和提示信息 3 个部分构成。 【HTML标签 之 表单】 文章图片 一、表单域 表单域是一个包含表单控件的区域，在 HTML 标签中， 标签用来定义表单域，以实现用户信息的收集和传递。 会把它范围内的表单元素信息提交给服务器。 ...// 表单控件 action：值为 url 地址，用于指定接收并处理表单数据的服务器程序的url地址 method：值为 get 或 post， 用于设置表单数据的提交方式 name：用于指定表单的名称，因为同一个页面中可能有多个表单域。 二、表单控件 1、 表单控件 input 是输入的意思，在表单控件中， 标签用于收集用户信息。 在 标签中，包含一个必须的 type 属性，根据 type 不同的值， 可以有多种形式：文本、复选框、单选按钮、按钮等。 type 属性值 说明 text 定义单行的输入字段，用户可以在里面输入文本，例如输入用户名 password 定义密码字段，用户输入后看不到明文，一般输入密码时用到 radio 定义单选按钮，比如在选择性别时，实现多选一（多个 radio 必须有相同的 name 才能实现真正的多选一） checkbox 定义复选框，比如在选择“我喜欢的栏目”时，可以同时选择多个（多个 checkbox 有相同的 name 才能把所有的选择都正确传到服务端） button 定义可点击按钮，value 值可以设置按钮文字 file 定义输入字段和“浏览”按钮，供文件上传 reset 定义重置按钮，重置按钮会清除表单中的所有数据 submit 定义提交按钮，提交按钮会把表单数据发送到服务器 hidden 定义隐藏的输入字段 image 定义图像形式的提交按钮 标签其他常用属性： 属性 属性值 说明 name 自定义 定义 input 控件的名称 value 自定义 定义 input 控件的值 checked checked 此 input 控件首次加载时应当被选中 maxlength 正整数 输入文字时字符的最大长度 name 和 value 是每个表单控件都有的属性值，主要给后台人员使用 name 是表单控件的名字，要求单选按钮和复选框都要有相同的 name 值 2、 标签 标签用于绑定一个表单控件，当点击 标签内的文本时，浏览器就会自动将光标转到对应的表单控件上，提升用户体验。（可以理解为增大点击区域了） 男 注意： 标签的 for 属性应当与相关控件的 id 属性相同 3、 下拉表单控件 当页面中有多个选项让用户选择时，想要节约页面空间，我们可以使用 标签控件定义下拉列表。例如我们在选择省份和地区时。 北京 天津 河北 山西 ... 4、 文本域控件 当用户需要输入较多内容时，可以使用 </code> 标签，它用于定义多行文本输入的控件。比如留言板、评论等。<br /> <blockquote><code><textarea rows="3" cols="20"> 默认的文本内容 其中属性 cols 为每行中的字符数，rows 为显示的行数，实际开发中用 CSS 来控制。 推荐阅读 你们认为诗仙李白最好的一首诗是哪一首？ 一天喝多少牛奶合适？ 青芒的热量高吗 花胶有什么营养价值 土大黄的功效与作用 土大黄的副作用 美国冲突升级!武装民兵冲进议会大厦,议员吓的穿防弹衣上班,州长命令被废,大乱了吗？ 最新热门的12个最佳博客平台合集（以及如何选择一个） 买笔记本电脑,处理器是选择i5还是i7？ 妒组词语 妒有哪些组词呢 熊童子简笔画 Photoshop制作沧桑颓废的城市海报 手机停机怎么连接网络，手机停机怎么连接网络电视 176升冰箱购买指南及故障维修解决方案 早晨八点半 升级换代，让您的打印更高效 epsonL3153变成2710 海带有味道了还能吃吗 照门是什么意思 照门的含义 获嘉天气30天 获嘉天气预报 核酸检测假阳性怎么处理 分享一首小诗（相信） HTML标签 之 img 路径 HTML 标签 之 常用标签
