HTML5中name属性与id属性在使用上的区别

HTML5中name与id属性的区别
最新推荐文章于 2024-06-21 14:47:46 发布
原创 最新推荐文章于 2024-06-21 14:47:46 发布 · 556 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML5 #Javascript #JS

本文详细解析了HTML5中name与id属性的作用及使用场景，指出name属性主要用于表单数据的区分，而id则用于唯一标识节点，便于JS脚本精准获取。

HTML5中name属性与id属性在使用上的区别

在JS脚本中，若要精准的获得一个节点可以通过getElementById()来获得
经实际使用（试坑）发现，getElementByName()是无法通过name属性获取节点的
即在普通标签中加入name属性也不能通过getElementByName()方法来获得该节点
实际上，在HTML5中name属性几乎唯一可用的地方就是在表单中，让服务器后端用name属性区分表单数据
而id则用作唯一标识一个节点

——2019/10/28

a标签的name属性和id属性实现页内跳转的方法
09-28
要链接到这个位置，可以在同一页面的另一个a标签的href属性中使用`#`加name属性值： ```html 跳转链接 ``` 2. **使用id属性**： 在HTML5中，推荐使用id属性来替代name属性创建锚点，因为id属性更具有语义化。...
HTML元素的ID和Name属性的区别
01-19
今天對 <a></a> 有點疑惑， 加上#表示一個錨，後面跟上13，就會跳到本頁面的13的位置，而這個13就是 Name屬性值。怎麼不 是ID值呢？？？所以查了下ID 和Name的區別，特記錄 最classical的答案：ID就像是一个人的...
html5 name属性,HTML中的name属性的有哪些作用？
weixin_31014025的博客
06-04 788
我们先来了解一下name属性在表单中的定义：name属性规定input元素的名称。name属性用于对提交到服务器后的表单数据进行标识或者在客户端通过JavaScript引用表单数据。注释：只有设置了name属性的表单元素才能在提交表单时传递它们的值。看一个实例，让你们更了解上面的定义带有两个文本字段和一个提交按钮的HTML表单：name:email:代码的效果是什么呢？看图tuyi.png说了这么...
html中 id属性和name属性区别
zhuzhiyi1211的专栏
07-24 490
id和Name都可以用来标识一个标记，Javascript分别有两个方法getElementByid和getElementByName来定位Dom节点。 区别如下： 1、我们知道在网页做Post提交时，是以Form（即表单域）为单位进行提交的，一个Form里有若干个表单对象(如)，同一个页面里可以为多个Form（Asp.net不同，它只允许有一个，且名字必须为Form1），在表单表提
HTML 中 id 和 name 属性的区别
最新发布
u010674101的专栏
06-21 2177
在 Web 开发中，前端 HTML 元素的id和name属性在与后端进行通讯时有不同的作用和用途。id。
HTML 元素中的name 属性
suimingbo的博客
08-10 3973
用户名：美国
HTML语言name,HTML <a> 标签的 name 属性
weixin_35340730的博客
05-30 506
延伸阅读：使用 name 属性还是 id 属性？在 HTML 4.0 之前的版本中，只有使用 标签的 name 属性才能创建片段标识符。随着 HTML 4.0 中 id 属性的出现，所有 HTML 或 XHTML 元素都可以是片段标识符。这是因为 id 标识符几乎可以用在所有的标签中。 标签为了能够和以前的版本相兼容而保留了 name 属性，同时也可以使用 id 属性。这些属性可以相互交换使用，...
input中id和name属性的区别示例介绍
09-28
5. **获取具有相同Name属性的元素集合**：虽然在JavaScript中我们常用document.getElementById来获取具有特定ID的单个元素，但对于具有相同Name属性的多个元素，我们必须使用document.getElementsByName方法，这个...
浅谈html中id和name的区别实例代码
10-30
#### HTML中的ID属性 1. **唯一性**：`id`属性的主要特点是其在一个HTML文档中必须是唯一的。这使得`id`非常适合用来唯一标识文档中的某个元素。 2. **CSS选择器**：在CSS中，`id`被用作选择器来定位特定的HTML元素...
HTML5标签属性及用法（一）
Smile Eyes之博客
04-30 682
1. 属性 值 描述 autoplay 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent">autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。 controls
html name属性作用,HTML中name属性有什么用途
weixin_42122878的博客
06-04 3848
HTML中name属性有什么用途发布时间：2020-11-18 11:04:55来源：亿速云阅读：142作者：小新这篇文章主要介绍HTML中name属性有什么用途，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！本篇文章主要介绍了html中表单的name属性介绍，有基础的定义和实例效果图，还有html中的name属性的作用解释，还有表单中的name属性的实例介绍。我们先来了解一...
html属性name属性的值,HTML中name属性和id的区别
weixin_42511990的博客
06-08 686
1,name常用于form表单在网页做Post提交时，是以Form(即表单域)为单位进行提交的，一个Form里有若干个表单对象(如)，同一个页面里可以为多个Form(Asp.net不同，它只允许有一个，且名字必须为Form1)，在表单表提交到服务器端后，可以直接通过Name属性取到表单域的值，却无法通过ID直接取到该表表单对象的值。另外，同一个Form里不能有多个name属性相同的HTML标记，但...
html——name与value的使用
xcymorningsun的专栏
01-13 5608
一、name使用 客户名称: 客户电话: 1、name的作用是用来让后台接受数据时使用的KEY值 2、同一个Form里不能有多个name属性相同的HTML标记，但如果一个网页中有多个Form，则不同的Form里可以有同个Name属性的标记。而ID是全局的，在一个HTML文档里不能有多个节点使用相同的ID，无论它处在哪个Form里。 二、value使用 1、显
HTML标签的name属性
casanava18的博客
05-21 9318
from bs4 import BeautifulSoup html='''<html> <head> <title class='ceshi'>super 哈哈 star</title> </head> <body> 第一帅 <p class='sister'> ...
H5 <a>超链接，同一页面内部跳转和不同页面间的跳转
热门推荐
qq_42467563的博客
10-15 4万+
同一页面或者文件间的跳转： &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;超链接&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="#" name="ding"&gt;顶部&a
HTML5中id、name、class 区别
飘飘花吹雪的专栏
02-04 9740
转载地址：http://www.2cto.com/kf/201210/161751.html 网上找不到专门针对html5的，只能找到以前HTML的。看了一下，它们差不多，尤其是本文后面专门讲的区别讲的最好，有点醍醐灌顶的感觉。有疑惑的朋友们也可以看看啊。。。 HTML 中 id与name 区别 一个name可以同时对应多个控件，比如checkbox和radio 而id
HTML中属性ID和属性NAME有何区别？
Anglebeat的专栏
03-18 1万+
今天出美工面试题的时候，David让我加上一道题：HTML中id和name的区别。一听对呀，HTML中id和name有什么区别，只是平时在用，倒没怎么想过，只是那么用了罢了，呵呵，其实在做网页的时候有很东西都只是那么的用了，而没有考虑为什么那么用了...     有同道中人说“ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。”
HTML中各个标签的name属性的作用
CurtainOfNight的博客
01-14 3754
前言  我们在刚开始学习HTML时很少回家name属性，即使加了也不会用到，也不是很清楚它是干什么的！ name属性的作用  name属性就是我们Django中处理post请求时get/getlist函数的键（以Django为例） ...
html页面获取name属性,HTML中的name属性的有哪些作用？
weixin_29000991的博客
06-03 1438
我们先来了解一下name属性在表单中的定义：name属性规定input元素的名称。name属性用于对提交到服务器后的表单数据进行标识或者在客户端通过JavaScript引用表单数据。注释：只有设置了name属性的表单元素才能在提交表单时传递它们的值。看一个实例，让你们更了解上面的定义带有两个文本字段和一个提交按钮的HTML表单：name:email:代码的效果是什么呢？看图tuyi.png说了这么...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值