Heim >Web-Frontend >HTML-Tutorial >Detaillierte Erläuterung des Unterschieds zwischen Name und ID im Formularelement-Eingabefeld

Detaillierte Erläuterung des Unterschieds zwischen Name und ID im Formularelement-Eingabefeld

迷茫
迷茫Original
2017-03-25 16:22:462175Durchsuche

1. Man kann sagen, dass fast jeder, der sich mit Webentwicklung beschäftigt hat, gefragt hat: Was ist der Unterschied zwischen der ID und dem Namen eines Elements? Warum brauchen wir einen Namen, wenn wir einen Ausweis haben? Und wir können auch die klassischste Antwort bekommen: Der Ausweis ist wie die Ausweisnummer einer Person, und der Name ist so, als wäre sein Name eindeutig, und der Name ist wiederholbar.


Letzte Woche bin ich auch auf das Problem gestoßen, dass ich eine ID und einen Namen auf der Seite eingegeben habe. type="hidden", nur eine ID='SliceInfo' wird geschrieben, nachdem der Wert zugewiesen wurde, senden Sie ihn und verwenden Sie Request.Params["SliceInfo"] im Hintergrund, aber der Wert kann nicht abgerufen werden. Später wurde mir plötzlich klar, dass es mit Name markiert werden sollte, also fügte ich Name='SliceInfo' zur Eingabe hinzu und alles war in Ordnung.

Die Antwort auf ID und Name im ersten Absatz ist zu allgemein. Natürlich ist diese Erklärung für ID, also die Identität des HTML-Elements auf der Clientseite, völlig richtig. Der Name ist tatsächlich viel komplizierter, da der Name viele Verwendungszwecke hat und daher nicht vollständig durch die ID ersetzt werden kann, wodurch er aufgehoben wird. Spezifische Verwendungszwecke sind:

Verwendung 1: Als serverseitiger Indikator für HTML-Elemente, die mit dem Server interagieren können, z. B. Eingabe, Auswahl, Textbereich und Schaltfläche. Wir können den vom Element über Request.Params übermittelten Wert basierend auf seinem Namen auf der Serverseite abrufen.
Verwenden Sie 2: HTML-Element Eingabetyp = 'Radio'-Gruppierung. Wir wissen, dass sich das Optionsfeldsteuerelement in derselben Gruppierungsklasse befindet. Die Prüfoperation ist Mutex. Es kann nur ein Radio gleichzeitig ausgewählt werden. Diese Gruppierung ist basierend auf dem gleichen Namensattribut realisiert.
Verwendung 3: Um den Ankerpunkt auf der Seite festzulegen, kennen wir 7511597a7b70abf79979b1ad29413ff6link5db79b134e9f6b82c0b36e0489ee08ed dient zum Abrufen eines Seiten-Hyperlinks. Wenn Sie das href-Attribut nicht verwenden, verwenden Sie stattdessen Name, z. B. b9b409ba6bfe575b799197d174e00f385db79b134e9f6b82c0b36e0489ee08ed erhalten wir einen Seitenanker.
Verwendung 4: Identität als Objekt, z. B. Applet, Objekt, Einbettung und andere Elemente. In einer Applet-Objektinstanz verwenden wir beispielsweise deren Namen, um auf das Objekt zu verweisen.
Zweck 5: Wenn Sie beim Zuordnen zwischen IMG-Elementen und MAP-Elementen den Hotspot-Bereich von IMG definieren möchten, müssen Sie dessen Attribut usemap verwenden, also usemap="#name" (Name des zugeordneten MAP-Elements). ).
Verwenden Sie 6: Attribute einiger spezifischer Elemente, z. B. Attribut, Meta und Parameter.

Zum Beispiel die Definition von Parametern für Objekt

<PARAM NAME = "appletParameter" VALUE = "value">

oder

<META NAME = "Author" CONTENT = "Dave Raggett">。

Diese Verwendungen können daher nicht einfach durch ID ersetzt werden , der Unterschied zwischen der ID und dem Namen von HTML-Elementen ist nicht der Unterschied zwischen ID-Nummer und Name. Sie haben unterschiedliche Funktionen.

Formularelemente (Form Input Textarea Select) und Rahmenelemente (Iframe Frame) werden benannt
Diese Elemente beziehen sich auf die Übermittlung des Formulars (das Rahmenelement wirkt auf das Ziel des Formulars). ), und wenn das Formular empfangen wird, erhält die Seite nur Elemente mit zugewiesenen IDs. Sie können dies selbst überprüfen.
Es gibt eine Ausnahme: Ein Name kann zugewiesen werden Anker oder eine ID.

2.id muss die Identifizierungsanforderungen erfüllen, z. B. die Berücksichtigung der Groß- und Kleinschreibung, und es ist am besten, keine Unterstriche einzufügen (da es nicht mit CSS kompatibel ist). Es gibt grundsätzlich keine Namensvorgaben, es können sogar Nummern verwendet werden. ID ist wie die ID-Nummer einer Person, und Name ist wie sein Name. Die ID ist offensichtlich eindeutig und der Name kann wiederholt werden. Das Tag

d5fd7aea971a85678ba271703566ebfd gibt ein Eingabefeld an, in das der Benutzer Daten eingeben kann.
Eingabefelder haben je nach Typattribut mehrere Formen. Eingabefelder können Textfelder, Kontrollkästchen, Passwortfelder, Optionsfelder, Schaltflächen usw. sein.
id: als eindeutige Kennung des Tags.
Name: Die serverseitige Kennung eines HTML-Elements, das mit dem Server interagieren kann.

3.ID ist ein CSS-Stil, der mit # definiert ist

Sie können auch JS verwenden, um getElementById (hier ist die ID) zu steuern, um den
Namen zu erhalten, der viel ist Geben Sie den Namen des aktuellen Tags oder Elements an, oder verwenden Sie JS, um den Wert zu steuern. Sie müssen den Namen erhalten, wenn Sie ihn nach dem Absenden des Formulars erhalten.

4.id wird im Allgemeinen als Referenz in CSS und JS verwendet, und der Name wird für die Formularübermittlung verwendet. Nur Tag-Elemente mit dem hinzugefügten Namensattribut werden an den Server übermittelt.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Unterschieds zwischen Name und ID im Formularelement-Eingabefeld. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn