Heim  >  Artikel  >  Web-Frontend  >  Wie erhalte ich den Wert der Eingabe in JS?

Wie erhalte ich den Wert der Eingabe in JS?

Guanhui
GuanhuiOriginal
2020-06-04 09:56:4810640Durchsuche

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(&#39;[name="username"]&#39;);

Eingabeattribut HTML5

Attribut Wert Beschreibung
akzeptieren mime_type Gibt den Typ der per Datei-Upload übermittelten Datei an.
ausrichten
  • links
  • rechts
  • oben
  • Mitte
  • unten
Veraltet. Gibt die Ausrichtung der Bildeingabe an.
alt text Definieren Sie den alternativen Text für die Bildeingabe.
Autovervollständigung
  • Ein
  • Aus
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
  • get
  • post

ü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
  • _blank
  • _self
  • _parent
  • _top
  • Framename

überschreibt das Zielattribut des Formulars.

(Gilt für type="submit" und type="image")

Höhe
  • Pixel
  • %
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
  • Anzahl
  • Datum

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
  • Nummer
  • Datum

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
  • Schaltfläche
  • Kontrollkästchen
  • Datei
  • versteckt
  • Bild
  • Passwort
  • Radio
  • Zurücksetzen
  • Senden
  • Text
Gibt den Typ des Eingabeelements an.
Wert Wert gibt den Wert des Eingabeelements an.
Breite
  • Pixel
  • %
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!

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