Um den Wert des HTML-Eingabefelds zu erhalten, ist JavaScript erforderlich. W?hlen Sie zun?chst das Element über Methoden wie getElementById aus und verwenden Sie dann das Wertattribut, um den Inhalt des Text-, E-Mail- oder Zahleneingabefelds zu lesen. Im Beispiel gibt die Konsole nach dem Klicken auf die Schaltfl?che den Eingabewert aus; Sie k?nnen auch die überwachung von Eingabeereignissen hinzufügen, um Benutzereingaben in Echtzeit zu erhalten. Verwenden Sie bei Kontrollk?stchen oder Optionsfeldern das aktivierte Attribut, um zu bestimmen, ob es ausgew?hlt ist, und so einen effektiven Zugriff auf verschiedene Eingabetypen zu erreichen.

Um den Wert eines Eingabefelds in HTML abzurufen, müssen Sie JavaScript verwenden, da HTML allein keine Werte abrufen oder manipulieren kann. Hier erfahren Sie, wie Sie es effektiv tun k?nnen.

Zugriff auf Eingabewerte mit JavaScript

Die gebr?uchlichste Methode zum Abrufen des Werts aus einem Eingabefeld ist die Verwendung der Value- Eigenschaft in JavaScript. Sie w?hlen zun?chst das Eingabeelement aus und greifen dann auf seinen Wert zu.

HTML:

 <input type="text" id="myInput" placeholder="Geben Sie etwas ein"><br> <button onclick="getValue()">Wert abrufen</button>

JavaScript:

 <code>function getValue() {<br> const inputField = document.getElementById("myInput");<br> console.log(inputField.value);<br> }</code><p> Dadurch wird protokolliert, was der Benutzer in das Eingabefeld eingegeben hat.</p><H3> Verwenden von Ereignis-Listenern für dynamischen Zugriff</H3><p> Anstatt sich auf einen Tastenklick zu verlassen, k?nnen Sie den Eingabewert w?hrend der Eingabe durch den Benutzer erfassen, indem Sie Ereignisse wie <strong>input</strong> oder <strong>change</strong> abh?ren.</p> <font>Beispiel:</font><pre class='brush:php;toolbar:false;'> document.getElementById("myInput").addEventListener("input", function() {<br> console.log(this.value);<br> });

Dadurch wird der Wert jedes Mal protokolliert, wenn eine Taste gedrückt wird oder sich die Eingabe ?ndert.

Arbeiten mit verschiedenen Eingabetypen

Ganz gleich, ob es sich um Text, E-Mail, Zahl oder Kontrollk?stchen handelt, die Value- Eigenschaft funktioniert bei den meisten Eingabetypen.

• Für Text-, E-Mail- und Zahleneingaben: Verwenden Sie .value
• Für Kontrollk?stchen und Optionsfelder: Verwenden Sie .checked , um wahr/falsch zu erhalten

 const isChecked = document.getElementById("myCheckbox").checked;<br> console.log(isChecked);

Grunds?tzlich verwenden Sie getElementById oder ?hnliche DOM-Methoden, um auf die Eingabe abzuzielen, und greifen Sie dann basierend auf dem Typ auf deren Eigenschaften zu. Es ist einfach und wird weithin unterstützt.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie den Wert eines Eingabefelds in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!