Heim > Artikel > Web-Frontend > Wie erhalte ich den Wert der Eingabe in JS?
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">rrree
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!