html5 name属性,HTML中的name属性的有哪些作用？

我们先来了解一下name属性在表单中的定义：

name属性规定input元素的名称。

name属性用于对提交到服务器后的表单数据进行标识

或者在客户端通过JavaScript引用表单数据。

注释：只有设置了name属性的表单元素才能在提交表单时传递它们的值。

看一个实例，让你们更了解上面的定义

带有两个文本字段和一个提交按钮的HTML表单：

name:

email:

代码的效果是什么呢？看图

tuyi.png

说了这么多，大家对name属性应该有些了解了，那么现在开始说说HTML中name属性的作用吧

在表单提交时如果你用request.form("name")那么你可以得到你文本框中输入的值，如果你页面上有多个控件的name都相同的话，那你用getelementsbyname就可以得到一个数组。还有如果你页面上有两个radio是让用户来选择性别的话，如果你没给这两个按钮设置name属性，那么你可以试试它是个什么效果。radio是能用来让用户选择性别的，一般选择性别时只能选一个，如果你不把这两个radio的name不设成相同的话，那么他就会既能选择男又可以选择女,所以name属性在表单中是很重要的.

说了这么多，再看一个name属性的作用实例代码：

php中文网

百度

腾讯

非常喜欢

喜欢

还行

这个图的效果是什么呢，让我们一起来看看

tuer.png

name属性是控件的名称(多个控件可以取同一个名称)，value是控件的值

并不是所有控件的value都会显示出来

定义控件的name和value之后就可以在服务器上获取这个控件和它的值

没看到submit的name，并不表示浏览器忽略了它的name，在提交之前它也被浏览器定义了name，在服务器上一样可以得到它的name和value

控件不定义name/value也可以显示，只是为了方便在服务器接收和区别，才定义它的name/value，当然按钮的value不光是存放它的值，也是用来显示的

好了，以上就是这篇文章的全部内容了，有什么疑问欢迎在下方提问

本文转载自中文网