label标签for属性及绑定事件的关联

label的for属性：规定 label 与哪个表单元素绑定。  

显式的关联：  

<label for="Camnpr">This is My WebSite:</label>  

<input type="text" name="website" id="Camnpr" />  

隐式的关联：  

<label>This is My WebSite: <input type="text" name="website" /></label>

下边是测试隐式的关联是否正常的：（请点击 “This is My WebSite:”， 看看光标能定位到input里边吗）

This is My WebSite:

同理，在label隐式的方式下，如果我给label绑定了click事件，那么会出现什么情况呢？

例如：addEvents(document.getElementsByTagName('label')[0], 'click', function(){alert('test')});

结果会发现：会alert出2次。就是因为，label 点击一次alert，input获得焦点一次alert。 这就诠释了，label隐式关联input是成立的。