form表单中的id与name

 

id：唯一一个，可直接获取对应元素

name：可以多个name相同，在form中的表单，提交的时候会以name中的值=‘xxx’的形式，相当于键值的形式把数据提交到action中的页面。

只是有一个地方值得注意，下面这一个输入用户名的input标签中,如果令id='name',在后面的代码中console.log(name)虽然可以得到id为name的元素 [object HTMLInputElement]，但name.onfocus事件却不起作用，只有把id='name'改成别的才行，但没想出来为什么

<label for='name'>名称</label>
​<input type="text" id='name' name='name'/>
<script>
var name=document.getElementById('name');

console.log(name);

name.onfocus=function(){

alert(name);
}
</script>