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

寻∝梦
Freigeben: 2018-08-28 17:59:50
Original
14105 Leute haben es durchsucht

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!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage