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

༺დ小浪人༻ ༺დ小浪人༻ 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 500+累计阅读 577平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄8年
关注
原创 最新推荐文章于 2026-05-06 21:20:18 发布 577 阅读 AI 写同款· GEO 优化 ›
【生信】全基因组测序（WGS） 1、全基因组测序(WGS) 的定义 2、GWS流程 2.1准备工作——分析软件 2.2原始数据质控 2.3数据预处理 2.4变异检测 阅读详情

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

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

——2019/10/28

收录于
前端

当前文章被收录于：

前端
2 篇文章 0 人学习
订阅专栏 查看详情
标签
#HTML5 #Javascript #JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
工业级24V电源保护电路深度解析：五重防护机制详解 自恢复保险丝（PPTC，Positive Temperature Coefficient）是一种过流保护元件✅可恢复：过流后自动恢复，无需更换⚡响应快：电流超标立即动作🔄多次使用：在额定范围内可反复使用第1层（F1）：阻挡过流 → 物理熔断第2层（D3）：吸收浪涌 → 能量泄放第3层（Q1）：防止反接 → 逻辑阻断第4层（Q2/Q3）：抵御过压 → 主动切断第5层（CR）：平滑启动 → 时序控制设计哲学："让每一级保护专注做好一件事"通过这篇文章，我们深入理解了：✅自恢复保险丝。 阅读详情

相关推荐

解锁笔记智能对话：手把手配置 Obsidian Copilot 插件与硅基流动模型

本文详细介绍了如何为Obsidian笔记软件配置Copilot插件，并接入硅基流动AI模型，从而为个人知识库添加智能对话能力。通过手把手教程，指导用户完成插件安装、API Key获取、模型配置及索引构建，最终实现基于个人笔记内容的深度语义问答，提升知识管理效率。

corn8的博客 613

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

我们先来了解一下name属性在表单中的定义：name属性规定input元素的名称。name属性用于对提交到服务器后的表单数据进行标识或者在客户端通过JavaScript引用表单数据。注释：只有设置了name属性的表单元素才能在提交表单时传递它们的值。看一个实例，让你们更了解上面的定义带有两个文本字段和一个提交按钮的HTML表单：name:email:代码的效果是什么呢？看图tuyi.png说了这么...

weixin_31014025的博客 832

C#图表开发避坑指南：Chart控件的Series和Points属性详解

本文深入解析C#图表开发中Chart控件的Series和Points核心属性，提供避坑指南。详细阐述了Series的数据序列管理、Points的高效操作与空值处理，以及多Series与ChartArea的协同配置，帮助开发者避免常见错误，实现稳定、高性能的数据可视化应用。

weixin_29313239的博客 365

php和css的name,id、name、class在html和css中的区别用法详解

一个name可以同时对应多个控件，比如checkbox和radio而id必须是全文档中唯一的id的用途1) id是HTML元素的Identity，主要是在客户端脚本里用。2) label与form控件的关联，如My Inputfor属性指定与label关联的元素的id，不可用name替代3)脚本中获得对象：IE支持在脚本中直接以id(而不是name)引用该id标识的对象。例如上面的input，要在...

weixin_28912017的博客 624

[技术解析] SGDC驱动的轻量级IoT入侵检测：特征选择与模型优化的实战指南

本文深入解析了如何利用SGDC驱动的轻量级入侵检测系统保护IoT设备安全。通过实战指南，详细阐述了SGDC模型在资源受限环境下的优势，并结合特征选择技术优化模型性能，实现高效、低耗的异常流量检测，为物联网安全部署提供了一套可行的解决方案。

weixin_29192211的博客 351

机器人控制入门：用SAC算法让机械臂学会抓取（PyBullet仿真教程）

本文详细介绍了如何使用SAC算法在PyBullet仿真环境中训练机械臂完成抓取任务。通过强化学习中的软Actor-Critic（SAC）算法，结合熵最大化机制和双Q网络架构，有效解决了机械臂控制中的探索难题。教程包含环境搭建、算法原理、状态空间设计、奖励函数优化等核心内容，并提供了实用的训练技巧和参数调优指南。

weixin_29091105的博客 364

HTML5之全局属性

[id]属性 定义：          规定HTML标签的唯一的id 用法：          1. id 在HTML文档中必须是唯一的。       &nbs...

杨筱斌的博客 536

ATE测试的未来：自动化与智能化的技术演进

本文探讨了自动测试设备（ATE）在半导体产业中的技术演进，重点关注自动化与智能化的发展趋势。随着芯片制程的不断进步，ATE面临测试复杂度激增和成本压力等挑战。文章分析了AI技术在测试优化中的应用，如自适应测试和缺陷预测，以及模块化架构和端到端测试生态系统的创新。这些技术突破显著提升了测试效率和设备利用率，为半导体测试的未来发展指明了方向。

weixin_29232507的博客 614

HTML标签的name属性

from bs4 import BeautifulSoup html='''<html> <head> <title class='ceshi'>super 哈哈 star</title> </head> <body> 第一帅 <p class='sister'> ...

casanava18的博客 9369

Openclaw错误排查及解决方案之:Previous run is still shutting down. Please try again in a moment.

Openclaw错误排查及解决方案之:Previous run is still shutting down. Please try again in a moment.

多媒体编程、网络编程、系统编程、网络安全编程、驱动编程 233

华为OD机试 新系统 双机位C卷 往年真题 机考题库（持续收录中）以及算法考点详解（Python/JS/C/C++）

刷的越多，抽中的概率越大，每一题都有详细的答题思路、详细的代码注释发现新题目，随时更新。

学Java，找哪吒 5万+

HTML中属性name、id、class三者之间的区别

name：主要是用于获取提交表单的某表单域信息， 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、框架元素(iframe、frame、 window的名字，用于在其他frame或window指定target )和button等，这些元素都与表单(框架元素作用于form的target)提交有关，浏览器会根据name来设定发送到服务器的reques

suns的专栏 6569

android 9.0Settings休眠时间项(屏幕超时)添加永不休眠功能

在9.0的系统产品开发中，系统中默认息屏时间为1分钟，可以通过在Setting中的息屏时间选项设置对应的息屏时间，但是在开发平板类的产品中，需要实现永不休眠的功能，所以需要在Settings中的息屏时间中添加永不休眠时间这一项来实现这个功能，接下来看息屏时间的相关功能，来添加这个功能

安卓兼职framework和app工程师的博客 2056

html5--1.8超链接下

html5--1.8超链接下 下面演示链接打开新网友不关闭原网页。 外部网站: 百度 这是用a标签的target属性实现的，用的target="_blank" 这样新出现的页面会另外再开一个页面 target属性的四个值： _self：当前位置；默认的，没有效果 _blank:新窗口; _top(最顶层框架)，_parent(父框架)，这两个属性咱不做讲解，...

weixin_33728268的博客 106

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具，可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

html学习笔记6——文本框、＜input＞扩展用法和＜lable＞增强鼠标可用性

文本框 <textarea name="textarea" cols="50" rows="5"></textarea> < input>扩展用法 <input type="" name="" step="" placeholder=""> required 规定字段为必须填写的 step 给输入框提供了一个上下点的按钮，比如输入1点上变6；给滑块提供了最小滑动值 placeholder 显示提示用户输入文字 autofocus 自动将输入焦点定位到需要

jgjfror的博客 418

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员，提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列，各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性，请参见数据手册。有关 ARM Cortex™-M4F 内核的信息，请参见《Cortex™-M4F 技术参考手册》。

html href拼接_nginx部署默认web页面(附带html众多小方法)

打开服务器,预装好nginx,查看nginx目录(不会安装的和查看的,前面有教程)打开nginx目录,找到conf文件夹点进去找到nginx.conf的配置文件.vimnginx.conf找到这个部分location / { root /www/smalldragon.club/; index page.html;} ...

weixin_29100927的博客 667

假人有限元模型

假人模型，车辆碰撞假人有限元模型，适合做乘员安全的研究者利用

HTML中value、name、id属性区别

1.＜input＞ value 属性 <form action="demo_form.php"> First name: <input type="text" name="fname" value="John"><br> Last name: <input type="text" name="lname" value="Doe"><br>...

LinnyR的博客 6279

input中id和name属性的区别

input中id和name属性的区别 做网站很久了，但到现在还没有搞明白input中name和id的区别，最近学习jquery，又遇到这个问题，就在网上搜集资料。看到这篇，就整理出来，以备后用。 可 以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name...

why568310613的博客 8910

HTML中属性ID和属性NAME有何区别？

今天出美工面试题的时候，David让我加上一道题：HTML中id和name的区别。一听对呀，HTML中id和name有什么区别，只是平时在用，倒没怎么想过，只是那么用了罢了，呵呵，其实在做网页的时候有很东西都只是那么的用了，而没有考虑为什么那么用了...     有同道中人说“ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。”

Anglebeat的专栏 1万+

HTML标签中id和name的区别

在学习HTML标签中的&lt;input&gt; 元素的输入类型时，我发现&lt;input&gt;标签除了拥有，type等控制输入字段的属性以外，还有两个不能被直接看出来的属性：“id”和“name”。那么这两个属性有什么不同呢？ 1.定义上: name：name 属性规定 input 元素的名称。 id：id 属性规定 HTML 元素的唯一的 id。 或许这两句话...

weixin_38882192的博客 5241

html标签中属性name和属性id的主要区别

编程这么久，细想了一下，发现这个问题还不是很清楚，汗！看了几篇文章，整理了一下，分享下！      一个朋友如是的说到“ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的”我感觉很贴切！【但是太笼统哦，下面细细讲一下！】具体的将“ID是Client端HTML元素的Identity。而Name其实要复杂的多，因为Name有很多种的用途，所以它并不能完

frankzcy的专栏 8019

html标签中id与name属性的区别

可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 　　上周我也遇到了ID和Name的问题，在页面里输入了一个input type="hidden"，只写了一个ID='SliceInf

RangeBlog 1116

html的id与name属性,HTML中 id 和 name 的区别

上周我也遇到了ID和Name的问题，在页面里输入了一个input type="hidden"，只写了一个ID='SliceInfo'，赋值后submit，在后台用Request.Params["SliceInfo"]却怎么也去不到值。后来恍然大悟因该用Name来标示，于是在input里加了个Name='SliceInfo'，就一切ok了。ID是Client端HTML元素的Identity。而Nam...

weixin_33551941的博客 769

HTML中 ID和name的区别

id 在HTML中的作用: 1、用id选择相应的style sheet(风格). 2、 <A …> 链接的目的地 3、脚本语言用它找目的地(找该id的标签) 4、作为名字,用于声明某OBJECT element 5、作为一个标签或块的区分标致(用于从HTML网页中取出数据放入数据库或把HTML翻译成别的格式,等情况). name原来是为了标识之用，但是现在根据规范，都建议用id来标识元...

qq_40953019的博客 1074

表单中input 属性name和id有什么区别 用途是什么

可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。 上周我也遇到了ID和Name的问题，在页面里输入了一个input type=“hidden”，只写了一个ID=‘SliceInfo’，赋值...

北冥的博客 1952

HTML中id、name、class 区别

HTML 中 id与name 区别 一个name可以同时对应多个控件，比如checkbox和radio 而id必须是全文档中唯一的 id的用途 1） id是HTML元素的Identity，主要是在客户端脚本里用。 2） label与form控件的关联，如 <label for="MyInput">My Input</label> <input id="MyInput" type="text"> for属性指定与label关联的元素的id，不可用name替代 3）脚本

懒虫的博客 940
上一篇： 学习记录：Django 读取request.POST数据的方法
下一篇： HTML5那些容易搞混的东东
点赞 1
评论 2
书签 书签 1
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值