码迷,mamicode.com
首页 > 其他好文 > 详细

form表单中的id与name

时间:2018-01-05 01:17:45      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:size   document   name   有一个   为什么   直接   获取   blog   表单   

 

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>

form表单中的id与name

标签:size   document   name   有一个   为什么   直接   获取   blog   表单   

原文地址:https://www.cnblogs.com/hhcc1324/p/8196490.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!