简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

So beschränken Sie das HTML-Eingabefeld auf die Eingabe reiner Zahlen

醉折花枝作酒筹
Freigeben： 2023-01-04 09:34:55
Original
8489 Leute haben es durchsucht

So beschränken Sie das Eingabefeld nur auf reine Zahlen: Verwenden Sie das Ereignis oninput und die Funktion replace() im Ereignis mit dem regulären Ausdruck „/[^d]/g,''“, um die Eingabe einzuschränken dass im Eingabetextfeld nur Zahlen eingegeben werden können und andere Zeichen automatisch gelöscht werden, wenn Sie sie eingeben.

So beschränken Sie das HTML-Eingabefeld auf die Eingabe reiner Zahlen

Die Betriebsumgebung dieses Tutorials: Windows7-System, Javascript 1.8.5 und HTML5-Version, Dell G3-Computer.

Beschränken Sie das Eingabefeld auf nur reine Zahlen.

Verwenden Sie das Ereignis oninput. Beschränken Sie das Eingabefeld auf die Eingabe nur reiner Zahlen.

oninput = "value=value.replace(/[^\d]/g,'')"
Nach dem Login kopieren

Codebeispiel

<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,&#39;&#39;)">
</body>
</html>
Nach dem Login kopieren

Empfohlenes Lernen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo beschränken Sie das HTML-Eingabefeld auf die Eingabe reiner Zahlen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
html;javascript
Quelle：php.cn
Vorheriger Artikel：Was ist der Code zum Festlegen des Hintergrundbilds in HTML? Nächster Artikel：Was tun, wenn HTML kein Video abspielen kann?
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Streamen Sie Daten von der OpenAI-API mithilfe von AJAX, PHP und vom Server gesendeten Ereignissen Wie kann ich Server Sent Events (SSE) verwenden, um Daten von der oben genannten API mithi...
Aus 2023-11-11 12:03:23
0
1
497
Nutzen Sie VueJS-Komponenten in PHP Ich möchte grundlegendes HTML, das von PHP- und VueJS-Komponenten generiert wurde, mischen...
Aus 2023-11-11 00:01:44
0
2
288
Wie verwende ich das Open-Primitive-Tag in Next JS 13? Im jüngsten NextJS13-Update haben sie eine neue Art der Handhabung von Meta-Tags eingeführ...
Aus 2023-11-10 23:03:51
0
1
527
PHP-Mailer funktioniert nicht: Kein Fehlerprotokoll, Meldung lautet gesendet, aber nicht empfangen Ich erhalte keine Fehlerprotokolle im PHP-Fehlerprotokoll meines Webservers. Ich habe mehr...
Aus 2023-11-10 15:02:39
0
1
218
v-date-picker, um nur Monat und Jahr auszuwählen Bitte sagen Sie mir, ob es eine andere Möglichkeit gibt, dies mit v-date-picker zu tun. Ic...
Aus 2023-11-10 14:05:05
0
1
269
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！