Eines der wichtigsten Attribute eines Elements input in HTML ist es name. Es hilft nicht nur, das Etikett zu verknüpfen (label) mit dem entsprechenden Eingabefeld ist es aber auch ein wichtiger Aspekt, wenn Daten über das Formular an den Server gesendet werden. Wenn Sie mit Formularelementen arbeiten und lernen möchten, wie Sie den Wert eines Attributs abrufen können name haben Sie input, dann sind Sie an der richtigen Stelle.
In diesem ausführlichen Handbuch werden wir Ihnen einige häufig verwendete Methoden zum Abrufen eines Attributwerts erläutern name ich habe einen Input. Wir beginnen mit einfachen Beispielen und gehen dann zu komplexeren Methoden über. Wenn Sie jedes Beispiel studieren, werden Illustrationen und Erklärungen bereitgestellt, damit Sie leicht verstehen können, wie jede Methode funktioniert.
Es ist wichtig zu beachten, dass das Attribut name ist für ein Element optional input. aber seine Verwendung wird als gute Praxis angesehen, besonders wenn Sie mit Formen arbeiten.
Was ist der Name bei input
Wert des Attributs name muss innerhalb des Formulars eindeutig sein, damit jedes Eingabefeld mit Namen identifiziert werden kann. Wenn der Benutzer das Formular ausfüllt und auf die Schaltfläche Senden klickt, werden die Werte der Eingabefelder ihren Namen zugeordnet und zur Verarbeitung an den Server übergeben.
Der im Attribut angegebene Feldname name, wird verwendet, um ein Name-Wert-Paar zu bilden. Der Wert des Eingabefeldes kann auf dem Server mit dem Feldnamen zur weiteren Verarbeitung abgerufen werden.
In diesem Beispiel hat das Eingabefeld ein Attribut name="username". Wenn das Formular gesendet wird, wird der Wert aus diesem Feld als "username=Wert" an den Server gesendet. Dementsprechend können die Daten auf dem Server mit dem Namen "username" zur weiteren Verarbeitung abgerufen werden.
Attribut name es ist ein wichtiges und nützliches Element für die Arbeit mit Formularen in HTML, da es Ihnen ermöglicht, Eingabefelder zu identifizieren und ihre Werte zur Verarbeitung an den Server zu übergeben.
Wie setze ich den Namen bei input: Beispiele
Das name-Attribut in HTML wird verwendet, um den Namen des Formularelements zu definieren, der beim Senden des Formulars an den Server gesendet wird.
Mit dem name-Attribut können Sie jedes Formularelement identifizieren und seinen Wert auf dem Server abrufen. Betrachten wir einige Beispiele für die Verwendung des Namensattributs für das input-Element.
Beispiel 1:
In diesem Beispiel hat input das name-Attribut mit dem Wert "username" angegeben.
Wenn Sie das Formular an den Server senden, ist der Wert dieser input als Parameter "username" verfügbar.
Beispiel 2:
In diesem Beispiel hat input das name-Attribut mit dem Wert "email" angegeben.
Wenn Sie das Formular an den Server senden, ist der Wert dieser input als Parameter "email" verfügbar.
Beispiel 3:
In diesem Beispiel hat input das name-Attribut mit dem Wert "gender" und dem Typ "radio" angegeben.
Мужской
Женский
Wenn Sie das Formular an den Server senden, ist der Wert des ausgewählten Radioknopfes als Parameter "gender" verfügbar. Wenn die Schaltfläche "Männlich" ausgewählt ist, lautet der Wert auf "Männlich", und wenn die Schaltfläche "Weiblich" ausgewählt ist, lautet der Wert auf "Weiblich".
Beispiel 4:
In diesem Beispiel hat input das name-Attribut mit dem Wert "hobbies" angegeben[]" und Typ "checkbox".
Футбол
Баскетбол
Теннис
Wenn Sie das Formular an den Server senden, sind alle ausgewählten Checkboxen als Parameterarray "hobbies" verfügbar[]". Wenn beispielsweise die Checkboxen "Fußball" und "Basketball" ausgewählt sind, sind die Werte "football" bzw. "Basketball".
Wenn Sie das name-Attribut für Formularelemente verwenden, können Sie Werte vom Client an den Server übergeben und entsprechend verarbeiten. Geben Sie den Namen der Input-Elemente entsprechend den Anforderungen Ihres Projekts an.
Festlegen von name über ein Attribut
Wenn wir beispielsweise ein Textfeld für die Eingabe eines Benutzernamens erstellen möchten, können Sie den folgenden Code verwenden:
In diesem Beispiel ist das Attribut name wird mit dem Wert "username" angegeben. Wenn der Benutzer nun Text in das Feld eingibt, werden diese Informationen über eine POST-Anfrage mit dem Namen an den Server gesendet username. Auf diese Weise kann der Server diese Informationen verarbeiten und die erforderlichen Schritte ausführen.
Attribut name wird hauptsächlich in Formularen verwendet, um die Namen der Felder zu bestimmen, die an den Server gesendet werden sollen. Wert des Attributs name muss innerhalb eines Formulars eindeutig sein, damit der Server die Daten korrekt verarbeiten kann.
Sie sollten auch vorsichtig sein, wenn Sie Werte für ein Attribut auswählen name. Es ist ratsam, lateinische Buchstaben, Zahlen und Unterstriche zu verwenden (jedoch keine Leerzeichen oder Sonderzeichen). Sie sollten auch große und kleine Buchstaben vermeiden, um mögliche Serverprobleme zu vermeiden.
Verwenden eines Attributs name ermöglicht das Erstellen von Formularen, in denen jedes Feld einen eindeutigen Namen hat, wodurch es einfach ist, ihre Daten auf dem Server zu verarbeiten.
Name über JavaScript festlegen
Häufig müssen Sie den Wert des name-Attributs für das input-Element mithilfe von JavaScript festlegen. Dies kann beispielsweise beim dynamischen Erstellen eines Formulars oder beim Ändern des Attributwerts je nach Benutzereingabe erforderlich sein.
Um mit dem Name-Attribut in JavaScript zu arbeiten, müssen Sie zuerst auf das gewünschte input-Element zugreifen. Dazu können Sie Methoden zum Suchen von Elementen in einem Dokument verwenden, z. B. getElementById() oder querySelector().
Beispiel für den Job name über JavaScript:
-
Erstellen Sie ein Input-Element:
let input = document.createElement('input');
input.name = 'username';
document.body.appendChild(input);
Im folgenden Beispiel wird ein input-Element erstellt und dann dem Textkörper des Dokuments hinzugefügt. Der Wert des name-Attributs wird auf 'username' festgelegt.
Sie können die Werte des Name-Attributs auch dynamisch ändern, abhängig von anderen Ereignissen oder Bedingungen im JavaScript-Code. Dazu müssen Sie einfach auf die name-Eigenschaft des input-Elements zugreifen und ihm einen neuen Wert zuweisen:
input.name = 'newUsername';
Dieser Code ändert den Wert des name-Attributs für das input-Element in 'newUsername'.
Zusammenfassend ist das Festlegen eines Namens über JavaScript einfach genug. Sie müssen auf das gewünschte input-Element zugreifen und die name-Eigenschaft verwenden, um den Wert des Attributs festzulegen oder zu ändern. Auf diese Weise kann das name-Attribut für das input-Element in JavaScript einfach verwaltet werden.