Heim Web-Frontend HTML-Tutorial Wie erhalte ich den Wert des Eingabe-Tags in HTML? Detaillierte Erläuterung zur Verwendung des Eingabewerts

Wie erhalte ich den Wert des Eingabe-Tags in HTML? Detaillierte Erläuterung zur Verwendung des Eingabewerts

Aug 28, 2018 pm 05:59 PM
html input

In diesem Artikel erfahren Sie hauptsächlich die Verwendung und den Wert des Wertattributs des HTML-Eingabe-Tags sowie die zugehörigen Werte des Wertattributs des Eingabe-Tags. Schauen wir uns gemeinsam diesen Artikel an

Werfen wir zunächst einen Blick auf die Verwendung des Eingabe-Tags in HTML:

Das Wertattribut ist der angegebene Wert von das Eingabeelement.

Für verschiedene Arten von Eingabeelementen ist auch die Verwendung des Wertattributs unterschiedlich:

Für die Typen „Schaltfläche“, „Zurücksetzen“ und „Senden“ – definieren Sie den Text auf der Schaltfläche

Für die Typen „Text“, „Passwort“, „Versteckt“ – Definieren Sie den Anfangswert (Standardwert) des Eingabefelds

Für die Typen „Kontrollkästchen“, „Radio“, „Bild“ – Definieren Sie den eingabeelementbezogenen Wert. Dieser Wert wird an die Aktions-URL des Formulars gesendet.

Hinweis: Das Wertattribut ist für erforderlich.

Hinweis: Das Wertattribut gilt nicht für .

Nachdem das gesagt ist, schauen wir uns ein Beispiel an:

Ein Formular mit einem vordefinierten Wert für das Wertattribut:

<form action="demo_form.asp" method="get">
  请输入用户名: <input type="text" name="fname" value="Bill" /><br />
  第二次用户名: <input type="text" name="lname" value="Gates" /><br />
  <input type="submit" value="提交" />
</form>
Nach dem Login kopieren

Der Effekt ist wie im Bild gezeigt:

Wie erhalte ich den Wert des Eingabe-Tags in HTML? Detaillierte Erläuterung zur Verwendung des Eingabewerts

Das Bild oben ist das Ergebnis des Codes, der die definierte Form darstellt.

Schauen wir uns nun den zugehörigen Wert an:

Nehmen Sie das Eingabefeld als Beispiel. Kann jedes Feld eingegeben werden? Dieser Inhalt ist der mit dem Eingabefeld verknüpfte Wert. Wenn Sie ein Wertattribut dafür festlegen, ist der von Ihnen festgelegte Wert dessen Wert, der im Eingabefeld angezeigt wird. In ähnlicher Weise kann auch ein Optionsfeld einen Wert festlegen. Dieser Wert wird jedoch nicht wie ein Eingabefeld angezeigt. Wenn Sie ihn jedoch festlegen, bedeutet dies, dass er einen solchen Wert hat, genau wie die Markierung, ob er männlich oder weiblich ist Man kann erkennen, ob es ein Junge oder ein Mädchen ist, aber man kann es markieren.

Manchmal müssen Sie ein Eingabe-Tag von einer Position zur anderen anpassen. Der Wert der Eingabe nach der Anpassung ist der Wert des Wertattributs im Eingabe-Tag value-Attribut, dann anpassen. Der von Ihnen festgelegte Wert geht verloren.

<form> 
<input id="input" type="input" value=&#39;2&#39;></input> 
</form>
Nach dem Login kopieren

Wenn Sie also über die obige Operation verfügen, stellen Sie bitte sicher, dass die Art und Weise, wie Sie den Wert ändern, das Wertattribut der Eingabe ändert, oder verwenden Sie andere Methoden, um die obige Operation zu erreichen, z. B. die Klonmethode von jQuery.

Eine weitere Kontrollkästchenmethode für das Eingabe-Tag:

<form action="demo-form.php">
  <input type="checkbox" name="vehicle[]" value="Bike">我会PHP<br>
  <input type="checkbox" name="vehicle[]" value="Car">我会html<br>
  <input type="checkbox" name="vehicle[]" value="Boat">我会python<br>
  <input type="submit" value="提交">
</form>
Nach dem Login kopieren

Die Wirkung des obigen Codes ist wie in der Abbildung dargestellt:

Wie erhalte ich den Wert des Eingabe-Tags in HTML? Detaillierte Erläuterung zur Verwendung des Eingabewerts

Okay, dieser Artikel ist nun zu Ende. Wenn Sie Fragen haben, hinterlassen Sie bitte unten eine Nachricht

[Empfehlung des Herausgebers]

in HTML Wie schreibe ich einen relativen Pfad in das Basis-Tag? (Nutzungsanweisungen enthalten)

Wozu dient das src-Attribut des HTML-img-Tags? Analyse spezifischer Nutzungsmethoden (mit Beispielen)

Das obige ist der detaillierte Inhalt vonWie erhalte ich den Wert des Eingabe-Tags in HTML? Detaillierte Erläuterung zur Verwendung des Eingabewerts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles