深入理解input中的value、name、id的区别和用法—

value：指该控件显示出来的值，是面向用户的。如<input type="button" value="123">这条语句运行出来时，button按钮上显示的数值就是123；

name：指一类控件的名称，可以重复。如<input type="button" name="123" value="提交">这条语句运行出来时，该按钮上显示的值为提交，该按钮的名字是123

id：指唯一区分控件的属性值，含义与name相同，不过id值是唯一的，而name允许重复。
即：

<input type="button" id="1" name="input" value="提交">
<input type="button" id="2" name="input" value="重置">
<input type="button" id="3" name="input" value="注册">

是合理的。

为什么要同时设置id和name呢？ 因为二者在JavaScript中有不同的用处。

当使用JavaScript时，如果我们只想获取一个控件对象，可以通过getElementById()来获取对应id的控件对象。

但我们若想获取一类对象，如获取所有的按钮控件对象，就可以通过getElementsByName()来获取对象数组。

深入理解input中的value、name、id的区别和用法——Web前端自学笔记相关推荐

关于HTML5中meta name=“viewport“ 的用法---web前端工作笔记014
移动端的布局不同于pc端,首先我们要知道在移动端中,css中的1px并不等于物理上的1px,因为手机屏幕的分辨率已经越来越高,高像素但是屏幕尺寸却没有发生太大变化,那就意味着一个物理像素点实际上塞入了 ...
mysql where 与having_正确理解MySQL中的where和having的区别
以前在学校里学习过SQLserver数据库,发现学习的都是皮毛,今天以正确的姿态谈一下MySQL中where和having的区别. 误区:不要错误的认为having和group by 必须配合使用. ...
python属性和方法的区别_Python中几种属性访问的区别与用法详解
起步在Python中,对于一个对象的属性访问,我们一般采用的是点(.)属性运算符进行操作.例如,有一个类实例对象foo,它有一个name属性,那便可以使用foo.name对此属性进行访问.一般而言, ...
js怎么在一个div中嵌入另一网站_好程序员web前端学习路线分享HTML5常见面试题集锦一...
好程序员web前端学习路线分享HTML5常见面试题集锦,接下来将会持续为大家分享几篇HTML5常见面试题. 1.布局左边20% 中间自适应右边200px 不能用定位答案:圣杯布局/双飞翼布局或者 ...
java中字符流字节流_理解Java中字符流与字节流的区别
1. 什么是流 Java中的流是对字节序列的抽象,我们可以想象有一个水管,只不过现在流动在水管中的不再是水,而是字节序列.和水流一样,Java中的流也具有一个"流动的方向",通常可 ...
input中的disabled 和 readonly的区别
1.Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 2.但是表单元素在使用了disabled后,当我们将表单以 ...
深入理解Javascript中构造函数和原型对象的区别
在 Javascript中prototype属性的详解这篇文章中,详细介绍了构造函数的缺点以及原型(prototype),原型链(prototype chain),构造函数(constructor) ...
彻底理解C#中值类型和引用类型的区别
ref:http://space.itpub.net/12639172/viewspace-501584 特点值类型引用类型变量存放的内容实际值引用内存单元内联(堆栈) 堆默认值 0 ...
mysql having in_正确理解MySQL中的where和having的区别
以前在学校里学习过SQLserver数据库,发现学习的都是皮毛,今天以正确的姿态谈一下MySQL中where和having的区别. 误区:不要错误的认为having和group by 必须配合使用. ...

深入理解input中的value、name、id的区别和用法——Web前端自学笔记

深入理解input中的value、name、id的区别和用法——Web前端自学笔记相关推荐

最新文章

热门文章