Unterschied zwischen den Attributen id und name in HTML

Question

Was ist der Unterschied zwischen dem id y name Eigenschaften? Sie scheinen beide dem gleichen Zweck zu dienen, nämlich eine Kennung zu liefern.

Ich würde gerne wissen (insbesondere im Hinblick auf HTML-Formulare), ob die Verwendung beider Formulare aus irgendwelchen Gründen notwendig oder empfehlenswert ist.

Answer 1

Der unten stehende Forumsbeitrag enthält Antworten auf die gleiche grundlegende Frage, aber im Wesentlichen, id wird zur Identifizierung von Skripten verwendet und Name ist für die Server-Seite.

Attribut id vs. name für HTML-Steuerelemente

Answer 2

Die ID eines Formulareingabeelements hat nichts mit den Daten zu tun, die in diesem Element enthalten sind. IDs dienen dazu, das Element mit JavaScript und CSS zu verknüpfen. Das Attribut name hingegen wird in der HTTP-Anfrage, die Ihr Browser an den Server sendet, als Variablenname verwendet, der mit den im Attribut value enthaltenen Daten verknüpft ist.

Zum Beispiel:

<form>
    <input type="text" name="user" value="bob">
    <input type="password" name="password" value="abcd1234">
</form>

Wenn das Formular abgeschickt wird, werden die Formulardaten wie folgt in den HTTP-Header aufgenommen:

Wenn Sie ein ID-Attribut hinzufügen, ändert das nichts am HTTP-Header. Es macht es nur einfacher, es mit CSS und JavaScript zu verknüpfen.

Answer 3

ID wird zur eindeutigen Identifizierung eines Elements verwendet.

Name wird in Formularen verwendet. Auch wenn Sie ein Formular abschicken, wird nichts abgeschickt, wenn Sie keinen Namen angeben. Daher benötigen Formularelemente einen Namen, um von Formularmethoden wie "get" oder "push" identifiziert zu werden.

Und nur die, die die Name Attribut erlischt.

Answer 4

Wenn Sie nicht die eigene Submit-Methode des Formulars verwenden, um Informationen an einen Server zu senden (und stattdessen JavaScript verwenden), können Sie die Name Attribut, um zusätzliche Informationen an eine Eingabe anzuhängen - ähnlich wie bei einem versteckten Eingabewert, aber es sieht sauberer aus, weil es in die Eingabe integriert ist.

Dieses Bit funktioniert derzeit noch in Firefox, obwohl ich vermute, dass es in Zukunft nicht mehr zugelassen werden könnte.

Sie können mehrere Eingabefelder mit demselben Namenswert haben, solange Sie nicht vorhaben, die Daten auf die altmodische Weise zu übermitteln.

Answer 5

Id:

1. Es wird verwendet, um das HTML-Element durch die Dokument-Objektmodell (DOM) (über JavaScript oder mit CSS gestylt).
2. Id muss innerhalb der Seite eindeutig sein.

Name entspricht dem Formularelement und gibt an, was an den Server zurückgeschickt wird.

Beispiel:

<form action="action_page.php" id="Myform">
    First name: <input type="text" name="FirstName"><br>
    <input type="submit" value="Submit">
</form>

<p>The "Last name" field below is outside the form element, but still part of the form.</p>
Last name: <input type="text" name="LastName" form="Myform">