本文摘自PHP中文网，作者青灯夜游，侵删。
本文给大家浅谈一下input中的name，value以及label中的for，有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。input具有很多属性，比较常用的有type，value，name，placeholder，multiple，checked等。对于其中的name、value、label相关以及标签外的文字，我一直是懵懵懂懂，今天总算弄了个清楚。
1）name属性
定义：name 属性规定 input 元素的名称。
用法：name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
注释：只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
也就是说，name对于页面显示是没啥用的（加不加都不影响页面显示），而是用于和服务器交互或者编写js时方便引用。
2）value属性
定义：value 属性为 input 元素设定值。
用法：对于不同的输入类型，value 属性的用法也不同：
type="button", "reset", "submit" - 定义按钮上的显示的文本
1 |
|
type="text", "password", "hidden" - 定义输入字段的初始值
1 |
|
type="checkbox", "radio", "image" - 定义与输入相关联的值
1 |
|
注意：此时显示在页面上的是“按钮文字”（标签外的文字），而此时的value的作用主要是用于js中的交互操作，所以此时的value一般设置为与输入相关的值。例如：
1 |
|
注释：<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
3）label
<label> 标签为 input 元素定义标注（标记）。例如：
相关阅读 >>
html5 input number是什么？html5 input type的详细介绍（内附属性图）
html中<input>标签的class属性的值及其使用方法总结
html表单边框怎么加颜色？html form标签的边框颜色实例
html label标签的for属性有什么作用？关于label标签的for属性介绍
html form标签name属性怎么用？form标签的name属性详解
更多相关阅读请进入《input》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
