Heim Web-Frontend HTML-Tutorial Die Funktion der Eingabeanweisung

Die Funktion der Eingabeanweisung

Jul 26, 2019 pm 05:09 PM
input

Die Funktion der Eingabeanweisung

Empfohlenes Tutorial: Html-Tutorial

HTML

Ein einfaches HTML-Formular mit zwei Texteingabefeldern und einer Senden-Schaltfläche:

d85c9efc9bceb02a81cf8add26f62cd6

Definition und Verwendung

Tag wird zum Sammeln von Benutzerinformationen verwendet.

Je nach unterschiedlichen Typattributwerten haben Eingabefelder viele Formen. Eingabefelder können Textfelder, Kontrollkästchen, maskierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein.

Attribute

Attribute Wert Beschreibung
accept 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 Definiert 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.

(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 Eingabefeldes 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")

Das obige ist der detaillierte Inhalt vonDie Funktion der Eingabeanweisung. 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

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

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)

So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 So kapseln Sie Eingabekomponenten und einheitliche Formulardaten in vue3 May 12, 2023 pm 03:58 PM

Vorbereitung Verwenden Sie vuecreateexample, um ein Projekt zu erstellen. Die Parameter lauten ungefähr wie folgt: Verwenden Sie native Eingaben, bei denen es sich hauptsächlich um Werte und Änderungen handelt. App.tsx lautet wie folgt: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//Wenn sich das Eingabefeld ändert, synchronisieren Sie die Daten constonInput =;return( )=>({

So implementieren Sie ein verstecktes Laravel-Eingabefeld So implementieren Sie ein verstecktes Laravel-Eingabefeld Dec 12, 2022 am 10:07 AM

So implementieren Sie das ausgeblendete Laravel-Eingabefeld: 1. Suchen und öffnen Sie die Blade-Vorlagendatei. 2. Verwenden Sie die method_field-Methode in der Blade-Vorlage, um ein ausgeblendetes Feld zu erstellen. ".

Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Was tun, wenn beim Klicken auf das Eingabefeld kein Cursor angezeigt wird? Nov 24, 2023 am 09:44 AM

Lösungen zum Anklicken des Eingabefelds ohne Cursor: 1. Bestätigen Sie den Browser-Cache. 3. Aktualisieren Sie den Browser. 6. Überprüfen Sie die Eingabe Box-Eigenschaften; 7. Debuggen von JavaScript-Code; 8. Überprüfen Sie andere Elemente der Seite. 9. Berücksichtigen Sie die Browserkompatibilität.

Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Detaillierte Erläuterung der Eingabefeld-Bindungsereignisse in Vue-Dokumenten Jun 21, 2023 am 08:12 AM

Vue.js ist ein leichtes JavaScript-Framework, das einfach zu verwenden, effizient und flexibel ist. Es ist derzeit eines der beliebtesten Front-End-Frameworks. In Vue.js sind Eingabefeld-Bindungsereignisse eine sehr häufige Anforderung. In diesem Artikel werden die Eingabefeld-Bindungsereignisse im Vue-Dokument ausführlich vorgestellt. 1. Grundkonzepte In Vue.js bezieht sich das Eingabefeld-Bindungsereignis auf die Bindung des Werts des Eingabefelds an das Datenobjekt der Vue-Instanz, wodurch eine bidirektionale Bindung von Eingabe und Antwort erreicht wird. In Vue.j

So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument So verwenden Sie das Wagenrücklauf-Ereignis und die Überprüfungsfunktion des Eingabefelds im Vue-Dokument Jun 20, 2023 am 09:13 AM

Vue ist ein beliebtes JavaScript-Frontend-Framework mit einem reaktionsfähigen Datenbindungs- und Komponentensystem im Kern. In Vue-Anwendungen ist das Eingabefeld eines der am häufigsten verwendeten UI-Elemente. Wenn der Benutzer Text eingibt, hoffen wir, auf das Wagenrücklaufereignis zu warten und die Eingabe vor dem Absenden zu validieren. In diesem Artikel werden das Eingabeereignis des Eingabefelds und die Verwendung der Überprüfungsfunktion im Vue-Dokument vorgestellt. 1. Das Wagenrücklaufereignis des Eingabefelds in Vue ist sehr einfach.

Was ist das Eingabeelement in jquery? Was ist das Eingabeelement in jquery? Jun 06, 2023 pm 02:18 PM

In jquery ist die Eingabe ein Selektor, der Formularelemente auswählt: 1. Die Eingabe wird zum Sammeln von Benutzerinformationen verwendet. Das Eingabefeld kann ein Textfeld sein Kontrollkästchen oder eine Maske. Die Textsteuerelemente, Optionsfelder, Schaltflächen usw. nach den anklickbaren Bildern und Senden-Schaltflächen usw.

So verbieten Sie die Eingabe in HTML5-Eingaben So verbieten Sie die Eingabe in HTML5-Eingaben Feb 03, 2023 am 10:02 AM

So implementieren Sie die Deaktivierung der Eingabe in der HTML5-Eingabe: 1. Geben Sie das Eingabefeld als schreibgeschützt und kopierbar an. 2. Verwenden Sie „Disabled“, um zu erkennen, dass das deaktivierte Eingabeelement kopiert werden kann, aber keinen Fokus erhalten kann Maximale Länge der Eingabe auf 0 ;4. Verwenden Sie „οnfοcus="this.blur();"", um die Eingabe von Text zu verhindern.

Razer DeathAdder V3 HyperSpeed: Neue Maus bietet hohe Auflösung und bis zu 8.000 Hz Wireless-Polling-Rate Razer DeathAdder V3 HyperSpeed: Neue Maus bietet hohe Auflösung und bis zu 8.000 Hz Wireless-Polling-Rate Jun 22, 2024 am 12:20 AM

Razer bietet ein umfangreiches Sortiment an Gaming-Zubehör. Dieses Sortiment erweitert der Hersteller nun mit der Razer DeathAdder V3 HyperSpeed. Dabei handelt es sich um eine leichte und ergonomische Maus, die kabellos genutzt werden kann und hohe Freiheit bei minimaler Behinderung bietet

See all articles