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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM