"."/> ".">
suchen

Heim  >  Artikel  >  Web-Frontend  >  So stellen Sie die Eingabe in HTML5 so ein, dass nur Zahlen eingegeben werden können

So stellen Sie die Eingabe in HTML5 so ein, dass nur Zahlen eingegeben werden können

青灯夜游
青灯夜游Original
2021-09-13 16:09:5316477Durchsuche

In HTML5 können Sie das Typattribut des Eingabe-Tags verwenden, um die Funktion der reinen Zahleneingabe zu realisieren. Sie müssen nur den Wert des Typattributs auf „Zahl“ setzen, die Syntax lautet „"

So stellen Sie die Eingabe in HTML5 so ein, dass nur Zahlen eingegeben werden können

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer. Das

-Tag gibt ein Eingabefeld an, in das der Benutzer Daten eingeben kann.

Eingabefelder haben je nach Typattribut unterschiedliche Formen. Eingabefelder können Textfelder, Kontrollkästchen, Passwortfelder, Optionsfelder, Schaltflächen usw. sein.

Wenn Sie die Eingabe nur auf die Eingabe von Zahlen einstellen möchten, müssen Sie nur den Wert des Typattributs auf „Zahl“ setzen: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<input placeholder="文本,字母,数字等都可输入"/><br /><br />
		<input type="number" placeholder="只能输入数字"/>
	</body>
</html>

Ausgabeergebnis:

So stellen Sie die Eingabe in HTML5 so ein, dass nur Zahlen eingegeben werden können

Zusätzlich: Der Typ des Eingabeelements --type-Attribut kann Wert festlegen

Wert Beschreibung
Schaltfläche Definiert eine anklickbare Schaltfläche (wird normalerweise 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).
email 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 Optionsfelder 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 HTML5 so ein, dass nur Zahlen eingegeben werden können. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript html5 html checkbox date mail 字符串 number input
Stellungnahme：
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
Vorheriger Artikel：So erreichen Sie die richtige Ausrichtung in HTMLNächster Artikel：So erreichen Sie die richtige Ausrichtung in HTML

In Verbindung stehende Artikel

Mehr sehen