<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>潘锦的空间 &#187; HTML的ID属性</title>
	<atom:link href="https://www.phppan.com/tag/html%e7%9a%84id%e5%b1%9e%e6%80%a7/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.phppan.com</link>
	<description>SaaS SaaS架构 团队管理 技术管理 技术架构 PHP 内核 扩展 项目管理</description>
	<lastBuildDate>Sat, 25 Apr 2026 00:56:17 +0000</lastBuildDate>
	<language>zh-CN</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>HTML中ID和NAME属性的相同点和不同点</title>
		<link>https://www.phppan.com/2009/09/id-and-name-attribute-in-html/</link>
		<comments>https://www.phppan.com/2009/09/id-and-name-attribute-in-html/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 00:53:26 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML的ID属性]]></category>
		<category><![CDATA[ID]]></category>
		<category><![CDATA[ID和Name的区别]]></category>
		<category><![CDATA[id和name的相同点]]></category>
		<category><![CDATA[ID属性和NAME属性]]></category>
		<category><![CDATA[NAME]]></category>

		<guid isPermaLink="false">http://www.phppan.com/?p=248</guid>
		<description><![CDATA[某次某日被某人问了一个问题：id和name有哪些相同点，又有哪些不同点？当时只记得id唯一，name可以重复， [&#8230;]]]></description>
				<content:encoded><![CDATA[<p>    某次某日被某人问了一个问题：id和name有哪些相同点，又有哪些不同点？当时只记得id唯一，name可以重复，name可以被用来在表单提交时将字段传给服务器而id不行。<br />
惭愧，从做WEB开发开始，这两个东东就陪伴着我，而我到现在还不知道二都到底有哪些共同点和哪些不同。<br />
惭愧惭愧，应该反省，切记切记：知其然，知其所以然！</p>
<p>【概述】<br />
一般来说，ID是唯一的，可以使用document.getElementByID(id)来获取，而name不一定是唯一的，可能使用document.getElementsByName（name）来获取有相同名字的控件数组。<br />
当一个页面中存在相同ID的时候，如果使用document.getElementByID(id)来获取对象，此时会获取第一个ID为id的控件。<br />
另外ID是区分大小写的，而name相对来说没有这样的限制。<br />
name原来是为了标识之用，但是现在根据规范，都建议用id来标识元素。 </p>
<p>【id和name都可以使用】<br />
1、使用链接建立锚点；<br />
使用链接建立锚点时，id和name的效果一样（FF下）即：</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;a id=&quot;c4&quot;&gt;c4&lt;/a&gt;
等于
&lt;a name=&quot;c4&quot;&gt;c4&lt;/a&gt;</pre></td></tr></table></div>

<p>【只能使用id】<br />
1、label和form控件的关联<br />
例如常见的checkbox和label的关联：</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;input type=&quot;checkbox&quot; name=&quot;demo&quot; value=&quot;ON&quot; id=&quot;demo&quot;/&gt;
&lt;label for=&quot;demo&quot;&gt;DEMO Lable&lt;/label&gt;</pre></td></tr></table></div>

<p> for属性指定与label关联的元素的id，不可用name替代。另外id与for属性的值需要一样，一模一样。<br />
2、CSS的ID选择器；</p>
<p>【只能使用name】<br />
1、表单（form）的控件名，浏览器会根据name将表单控件的内容发送给服务器的request。<br />
2、frame和window的名字，用于在其他frame或window指定target。<br />
3、作为对象的标识，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。<br />
4、某些特定元素的属性，如 attribute和param 。<br />
例如为 Object 定义参数</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html" style="font-family:monospace;">&lt;param name = “appletParameter&quot; value = “value”&gt;</pre></td></tr></table></div>

<p>5、单选和复选框的分组，radio在一个组内只能选择一个，此时我们使用name属性来实现这个分组，凡是具有相同name的radio中只能选择一个。</p>
<p>【参考资料】</p>
<p>http://www.blogjava.net/rapin/archive/2008/04/01/190133.html</p>
<p>http://www.blogjava.net/flysky19/articles/86733.html</p>
]]></content:encoded>
			<wfw:commentRss>https://www.phppan.com/2009/09/id-and-name-attribute-in-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
