Bei Verwendung des HTML <input> Tag, was ist der Unterschied zwischen der Verwendung des name y id Attribute vor allem, dass ich festgestellt habe, dass sie manchmal den gleichen Namen tragen?
Diese Frage hat bereits Antworten:
- Unterschied zwischen den Attributen id und name in HTML (20 Antworten )
Antworten
Zu viele Anzeigen?
Anjan Kant
Punkte
3620
Name wird verwendet für Formularabgabe dans le DOM (Document Object Model).
ID wird verwendet für eine eindeutiger Name von HTML-Steuerelementen im DOM, insbesondere für JavaScript und CSS.
Matschie
Punkte
1227
VIJ
Punkte
1336
StuperUser
Punkte
10141
El name Attribut einer Eingabe wird von ihrem übergeordneten HTML <form> s, um dieses Element als Mitglied des HTTP-Formulars in eine POST Anfrage oder den Abfrage-String in einer GET Anfrage.
El id sollte eindeutig sein, da es von JavaScript verwendet werden sollte, um das Element im DOM für die Bearbeitung auszuwählen und in CSS-Selektoren zu verwenden.
Clemencio Morales Lucas
Punkte
268
Ich hoffe, das folgende kurze Beispiel ist hilfreich für Sie:
<!DOCTYPE html>
<html>
<head>
<script>
function checkGender(){
if(document.getElementById('male').checked) {
alert("Selected gender: "+document.getElementById('male').value)
}else if(document.getElementById('female').checked) {
alert("Selected gender: "+document.getElementById('female').value)
}
else{
alert("Please choose your gender")
}
}
</script>
</head>
<body>
<h1>Select your gender:</h1>
<form>
<input type="radio" id="male" name="gender" value="male">Male<br>
<input type="radio" id="female" name="gender" value="female">Female<br>
<button onclick="checkGender()">Check gender</button>
</form>
</body>
</html>Im Code ist zu beachten, dass beide "name"-Attribute gleich sind, um die Optionalität zwischen "männlich" und "weiblich" zu definieren, aber die "id"-Attribute sind nicht gleich, um sie zu unterscheiden.
