Heim >Web-Frontend >HTML-Tutorial >Was ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?
In HTML stellen sowohl das id-Attribut als auch das name-Attribut Bezeichner zur Darstellung von HTML-Element-Tags bereit. Was ist also der Unterschied zwischen ihnen? Dieser Artikel gibt Ihnen einen kurzen Vergleich des ID-Attributs und des Namensattributs und stellt den Unterschied zwischen dem ID-Attribut und dem Namensattribut vor. Ich hoffe, dass er für Sie hilfreich ist.
ID-Attribut in HTML
Wir verwenden das ID-Attribut, um eindeutige HTML-Elemente zu identifizieren Verwenden Sie es als Ankerreferenz in einer URL (eine URL mit dem #-Symbol) oder als ID-Selektor in CSS, um dieses Element zu formatieren. Sie können getElementById() auch in Javascript verwenden, um Elemente über den id-Attributwert zu finden und dann mit den Elementen zu arbeiten. Beispiel:
<p id="p1">测试文本!测试文本!</p> <p id="p2">测试文本!测试文本!</p>
<script> document.getElementById("p2").style.color="red"; </script>
id-Attribut ist universell kompatibel und für jedes Element gültig. Beim Wert des ID-Attributs wird die Groß-/Kleinschreibung beachtet und jeder ID-Wert sollte eindeutig sein. Beispiel:
<div id="demo"> <div id="a">div标签,id值为a</div> <p id="A">p标签,id值为A</p> </div>rrree
Rendering:
Namensattribut in HTML
Der Name Das Attribut wird auch zur Identifizierung von HTML-Elementen verwendet, verfügt jedoch nicht über eine eindeutige Zeile. Sein Wert kann beispielsweise wiederverwendet werden: Optionsfeld
#a{ color: red;} #A{ color: pink;}
Wirkungsdiagramm:
Wie im obigen Beispiel gezeigt, wird das Namensattribut häufig in Formularen zum Übermitteln von Informationen verwendet. Es ist nur für Tag-Elemente wie a, form, iframe, img, map, input, select, textarea gültig usw. .
Das Namensattribut kann in JavaScript verwendet werden, um Elemente mit getElementsByName(); zu finden, es kann jedoch nicht in CSS oder URLs referenziert werden. Beispiel:
<form action="" method="get"> 最喜欢水果?<br /><br /> <label><input name="Fruit" type="radio" value="" />苹果 </label> <br /> <label><input name="Fruit" type="radio" value="" />桃子 </label> <br /> <label><input name="Fruit" type="radio" value="" />香蕉 </label> <br /> <label><input name="Fruit" type="radio" value="" />梨 </label> <br /> <label><input name="Fruit" type="radio" value="" />其它 </label> <br /> </form>
Rendering:
Erklärung:
Man kann sagen, dass die ID zu einem gehört Personen-ID-Nummer und Name ist der Name der Person. Beide können gleichzeitig existieren und denselben Namespace teilen (die Werte beider können gleich sein).
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.
Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen ID-Attribut und Namensattribut in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!