Heim > Artikel > Web-Frontend > So stellen Sie die Eingabe in HTML so ein, dass nur Zahlen eingegeben werden können
So stellen Sie die Eingabe in HTML so ein, dass nur Zahlen eingegeben werden können
- 青灯夜游Original
- 2021-12-10 16:02:429983Durchsuche
In HTML können Sie das Typattribut verwenden, um die Eingabe nur auf die Eingabe von Zahlen festzulegen. Sie müssen nur den Wert des Typattributs auf „Nummer“ setzen und die Syntax lautet „
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
In HTML können Sie das Attribut type verwenden, um die Eingabe so einzustellen, dass nur Zahlen eingegeben werden. Das
type-Attribut gibt den Typ des anzuzeigenden -Elements an.
Wenn der Wert des Typattributs „Zahl“ ist, können Sie ein Feld für die spezifische Eingabe von Zahlen definieren (es können nur Zahlen eingegeben werden).
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input /><br><br> <input type="number" /> </body> </html>
Erweiterte Kenntnisse: Der Wert des Typattributs
| Value | Description |
|---|---|
| button | Definiert eine anklickbare Schaltfläche (wird häufig mit JavaScript zum Starten eines Skripts verwendet). |
| Kontrollkästchen | Kontrollkästchen definieren. |
| Farbe | Definieren Sie den Farbwähler. |
| Datum | Definieren Sie die Datumssteuerung (einschließlich Jahr, Monat, Tag, ohne Uhrzeit). |
| datetime | Definieren Sie Datums- und Zeitsteuerungen (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde, Bruchteil einer Sekunde, basierend auf der UTC-Zeitzone). |
| datetime-local | Definieren Sie Datums- und Zeitsteuerungen (einschließlich Jahr, Monat, Tag, Stunde, Minute, Sekunde, Bruchteil einer Sekunde, ohne Zeitzone). |
| Definiert die Felder, die für E-Mail-Adressen verwendet werden. | |
| Datei | Dateiauswahlfelder und Schaltfläche „Durchsuchen…“ zum Datei-Upload definieren. |
| versteckt | Versteckte Eingabefelder definieren. |
| Bild | Bild als Senden-Button definieren. |
| Monat | Definieren Sie Monats- und Jahreskontrollen (ohne Zeitzone). |
| Nummer | Definiert das Feld zur Eingabe von Zahlen. |
| Passwort | Definieren Sie das Passwortfeld (Zeichen im Feld werden maskiert). |
| Radio | Radio-Buttons definieren. |
| range | Definiert Steuerelemente für Eingabezahlen, bei denen der genaue Wert nicht wichtig ist (z. B. ein Schieberegler). |
| Zurücksetzen | Schaltfläche zum Zurücksetzen definieren (alle Formularwerte auf Standardwerte zurücksetzen). |
| Suche | Definieren Sie ein Textfeld zur Eingabe einer Suchzeichenfolge. |
| Senden | Definieren Sie die Schaltfläche „Senden“. |
| tel | Definieren Sie das Feld zur Eingabe der Telefonnummer. |
| Text | Standard. Definiert ein einzeiliges Textfeld (Standardbreite beträgt 20 Zeichen). |
| time | Definiert ein Steuerelement zur Eingabe der Zeit (ohne Zeitzone). |
| url | Definieren Sie das Feld zur Eingabe der URL. |
| Woche | Definieren Sie Wochen- und Jahreskontrollen (ohne Zeitzone). |
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo stellen Sie die Eingabe in HTML so ein, dass nur Zahlen eingegeben werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!