Wie erhält man den Wert der Eingabe in JS?
Verwenden Sie zuerst „querySelector()“, um das Elementobjekt abzurufen, und übergeben Sie nur die Eingabeauswahlregeln an diese Methode
Codebeispiel
<input type="text" name="username">
Schließlich ist das Wertattribut im Eingabeelementobjekt der Wert der Eingabe, sodass Sie nur dieses Attribut abrufen müssen.
var inputEl = document.querySelector('[name="username"]');
Eingabeattribut HTML5
Attribut | Wert | Beschreibung |
---|---|---|
akzeptieren | mime_type | Gibt den Typ der per Datei-Upload übermittelten Datei an. |
ausrichten |
|
Veraltet. Gibt die Ausrichtung der Bildeingabe an. |
alt | text | Definieren Sie den alternativen Text für die Bildeingabe. |
Autovervollständigung |
|
Gibt an, ob das verwendet werden soll Funktion zur automatischen Vervollständigung von Eingabefeldern. |
Autofokus | Autofokus |
Gibt an, ob das Eingabefeld beim Laden der Seite den Fokus erhält. (gilt nicht für type="hidden") |
geprüft | geprüft | Gibt an, dass diese Eingabe Element ist das erste Mal Sollte beim Laden ausgewählt werden. |
deaktiviert | deaktiviert | Deaktiviert dieses Element, wenn das Eingabeelement geladen wird. |
Formular | Formularname | Gibt ein oder mehrere Formulare an, zu denen das Eingabefeld gehört. |
formaction | URL |
überschreibt das Aktionsattribut des Formulars. (für type="submit" und type="image") |
formenctype | Siehe Hinweis | Überschreiben Sie das enctype-Attribut des Formulars. (für type="submit" und type="image") |
formmethod |
|
überschreibt das Methodenattribut des Formulars. (für type="submit" und type="image") |
formnovalidate | formnovalidate | Überschreiben Sie das Novalidate-Attribut des Formulars. Wenn dieses Attribut verwendet wird, wird beim Absenden des Formulars keine Validierung durchgeführt. |
formtarget |
|
überschreibt das Zielattribut des Formulars. (Gilt für type="submit" und type="image") |
Höhe |
|
Definieren Sie die Höhe des Eingabefeldes. (Gilt für type="image") |
list | datalist-id | bezieht sich auf ein vordefiniertes enthaltendes Eingabefeld Datenliste der Optionen. |
Max |
|
Gibt den Maximalwert des Eingabefelds an. Bitte verwenden Sie es mit dem „min“-Attribut, um einen Bereich zulässiger Werte zu erstellen. |
maxlength | number | Gibt die maximale Länge der Zeichen im Eingabefeld an. |
Minute |
|
Gibt den Mindestwert des Eingabefelds an. Bitte verwenden Sie es mit dem „max“-Attribut, um einen Bereich zulässiger Werte zu erstellen. |
mehrfach | mehrfach | Wenn dieses Attribut verwendet wird, ist mehr als ein Wert zulässig. |
Name | Feldname | Definieren Sie den Namen des Eingabeelements. |
Muster | regexp_pattern |
Gibt das Muster oder Format des Werts des Eingabefelds an. Muster="[0-9]" bedeutet beispielsweise, dass der Eingabewert eine Zahl zwischen 0 und 9 sein muss. |
Platzhalter | Text | Gibt Hinweise an, die dem Benutzer beim Ausfüllen des Eingabefelds helfen sollen. |
readonly | readonly | Gibt an, dass das Eingabefeld schreibgeschützt ist. |
erforderlich | erforderlich | Zeigt an, dass der Wert des Eingabefelds erforderlich ist. |
size | number_of_char | definiert die Breite des Eingabefelds. |
src | URL | Definiert die URL des Bildes, das als Senden-Button angezeigt wird. |
Schritt | Zahl | gibt das zulässige Zahlenintervall für Eingabewörter an. |
Typ |
|
Gibt den Typ des Eingabeelements an. |
Wert | Wert | gibt den Wert des Eingabeelements an. |
Breite |
|
Definieren Sie die Breite des Eingabefeldes. (Gilt für type="image") |
Empfohlenes Tutorial: „JS Tutorial“
Das obige ist der detaillierte Inhalt vonWie erhalte ich den Wert der Eingabe in JS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!