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>