Jquery与form表单 label.for 与 input.id 和 input.name 的关系

https://www.cnblogs.com/different/p/3158425.html

 

//1.label的for与input的id绑定
label.for => input.id

//2.form表单的属性名与input的name绑定
//value  =>  key
input.val() => input.name

//input.id 不需要等于 input.name

//3.label的用法：就是用for表示跟哪个表单元素绑定。所以它有两种关联方式，一个显示关联用for，一种是不用for的隐示关联。

//所谓的显示关联就是label跟表单元素是并列关系
<label for='sex'>性别：</label>
<input type='text' id='sex' name='gender'>

//隐示关联就是label跟表单元素是包含关系，这时候label里面不需要for，表单元素也不需要id
<label>性别：<input type='text' name='gender'></label>

//这里看到没有id可以，但是name是必须要的，以后一定要记住啊！


//4.如果用js给表单元素添加交互效果，name和id都可以选中标示表单元素，只是形式有不同，document.getElementById("sex").value，要是用name获取document.forms[0].gender.value