如果我们遇到必须决定是使用 HTML id 还是 name 属性的情况，那么我们来对地方了。
在这个片段中，我们将讨论 id 和 name 属性之间的差异，之后我们将对它们的用法做出更好的决定。
让我们分别讨论它们，然后我们可以看到一个示例。
id 属性
id 属性是 HTML 元素的唯一标识符。
每个 id 属性必须是唯一的。
此外，该属性必须以字母开头并且区分大小写。
它可以用作 URL 中的锚引用。
它与元素内的数据无关。
在 CSS 中，id 属性用 # 字符引用。
在 Javascript 中，它被 getElementById() 引用。
名称属性
name 属性定义元素的名称。
它用于由浏览器作为变量名发送到服务器的 HTTP 请求中。
该属性与元素内的数据相关联。
与 id 属性一样，name 属性必须以字母开头并且区分大小写，但与 id 属性不同的是，它不能是唯一的。
不能在 CSS 中引用 name 属性。
在 Javascript 中，它被 getElementsByName() 引用。
此属性仅对以下元素有效：<button>、<fieldset>、<form>、<iframe>、<input>、<map>、<meta>、<object>、<output>、<param>、 <select> 和 <textarea>。
id 和 name 属性示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<h1>Radio Buttons</h1>
<form action="/form/submit" method="post">
<p>Select your gender:</p>
<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>
<input type="radio" id="other" name="gender" value="other">
<label for="other">Other</label>
<br>
<p>Select your age:</p>
<input type="radio" id="age1" name="age" value="30">
<label for="age1">0 - 25</label><br>
<input type="radio" id="age2" name="age" value="60">
<label for="age2">25 - 50</label><br>
<input type="radio" id="age3" name="age" value="100">
<label for="age3">50 - 80</label><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
日期：2020-06-02 22:15:14 来源：oir作者：oir