Detaillierte Einführung in alle Arten von HTML5-Formularen

1.Schaltfläche: Definiert eine anklickbare Schaltfläche (wird normalerweise mit JavaScript verwendet, um ein Skript zu starten).

<input id="" type="button" name="" value="按钮" /><br />
<br />

2. Kontrollkästchen: Definieren Sie das Kontrollkästchen .

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />

3. Abbrechen: Schaltfläche „Abbrechen“, mit der die Übermittlung abgebrochen wird.

<input id="" type="cancel" name="" /><br />
<br />

4.Farbe: Definieren Sie den Farbwähler.

<input id="" type="color" name="" /><br />
<br />

5.
Datum: Datum definieren Steuerung (einschließlich Jahr, Monat, Tag, ohne Uhrzeit). ).

<input id="" type="date" name="" /><br />
<br />

6.Datum

Uhrzeit: Definieren Sie Datums- und Zeitsteuerungen (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde und wie). viele Minuten eine Sekunde, basierend auf der UTC-Zeitzone).

<
for
m 
action
="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />

7.datetime-local: Datums- und Zeitsteuerungen definieren (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde, Bruchteil einer Sekunde, ohne Zeitzone).

<input id="" type="datetime-local" name="" /><br />
<br />

8.Monat: Monats- und Jahreskontrollen definieren (ohne Zeitzone).

<input id="" type="month" name="" /><br />
<br />

9.Woche: Wochen- und Jahreskontrollen definieren (ohne Zeitzone).

<input id="" type="week" name="" /><br />
<br />

10.time: Definiert ein Steuerelement zur Eingabe der Zeit (ohne Zeitzone).

<input id="" type="time" name="" /><br />
<br />

11.

E-Mail: Definiert das für die E-Mail-Adresse verwendete Feld.

<form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />

12.
Datei: Definieren Sie das Dateiauswahlfeld und die Schaltfläche „Durchsuchen…“ für den Datei-Upload.

<input id="" type="file" name="" /><br />
<br />

13.hidden: Versteckte Eingabefelder definieren.

<input id="" type="hidden" name="" /><br />
<br />

14.image: Definieren Sie das Bild als Senden-Button.

<input id="" type="image" name="" /><br />
<br />

15.Nummer: Definieren Sie das Feld zur Eingabe von Zahlen.

<input id="" type="number" name="" /><br />
<br />

16.passw
ord: Definieren Sie das Passwortfeld (Zeichen im Feld werden maskiert).

<input id="" type="password" name="" /><br />
<br />

17. Radio-Button

definieren.

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />

18.

Bereich
: Definiert ein Steuerelement für Eingabezahlen, bei denen der genaue Wert nicht wichtig ist (z. B. ein Schieberegler). ).

<input id="" type="range" name="" /><br />
<br />

19.

Zurücksetzen
: Definieren Sie die Schaltfläche zum Zurücksetzen (alle Formularwerte auf Standardwerte zurücksetzen).

<input id="" type="reset" name="" /><br />
<br />

20.Suche: Definieren Sie das Textfeld, das zur Eingabe der

Suchzeichenfolge
verwendet wird.

<input id="" type="search" name="" /><br />
<br />

21.Senden: Definieren Sie die Schaltfläche „Senden“.

22.tel: Definiert das Feld zur Eingabe einer Telefonnummer.

<input id="" type="submit" name="" value="提交" /><br />
<br />

Telefonnummer eingeben:

<input id="" type="tel" name="" /><br />
<br />

23.text: Standard. Definiert ein einzeiliges Textfeld (Standardbreite beträgt 20 Zeichen).

<input id="" type="text" name="" /><br />
<br />

24.url: Definiert das Feld, in das die URL eingegeben wird.

Fügen Sie Ihre Homepage-URL hinzu:

<input id="" type="url" name="" /></p>

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in alle Arten von HTML5-Formularen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!