HTML中的name属性的有哪些作用？默认的name属性又是什么？-html教程-PHP中文网

首页

web前端

html教程

HTML中的name属性的有哪些作用？默认的name属性又是什么？

寻∝梦

Aug 27, 2018 pm 02:16 PM

htmlname

本篇文章主要介绍了html中表单的name属性介绍，有基础的定义和实例效果图，还有html中的name属性的作用解释，还有表单中的name属性的实例介绍。

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

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

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

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

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

<input name="value">

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

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

<form action="form_action.asp" method="get">
  <p>name: <input type="text" name="fullname" /></p>
  <p>email: <input type="text" name="email" /></p>
  <input type="submit" value="Submit" />
</form>

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

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

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

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

<html> 
<select> 
<option value="1">php中文网</option> 
<option value="2" selected="selected">百度</option> 
<option value="3">腾讯</option> 
</select> 
<form> 
<input type="checkbox" name="newsletter" checked="checked" value="Daily" />非常喜欢 
<input type="checkbox" name="newsletter" value="Weekly" />喜欢 
<input type="checkbox" name="newsletter" checked="checked" value="Monthly" />还行 
</form> 
<input type="button" value="确定"/> 
<SPAN style="WHITE-SPACE: pre"> <input type="text" value="请输入原因"/> </SPAN> 
</html>

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

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

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

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

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

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

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

【相关推荐】

HTML中head标签是什么意思？一篇文章教你正确地使用head标签

html表格中的th表头内容怎么居中？th表头标签align属性的具体介绍

以上是HTML中的name属性的有哪些作用？默认的name属性又是什么？的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

HTML超文本标记语言--超在那里？（文档分析）Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML（超文本标记语言），介绍一下HTML的本质，HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单，希望对大家有所帮助！

web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出？想实现这样的效果：而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端，那么就用Ajax；仅供参考：HTML code<form name="myform"