Was bedeutet Eingabetyp und wie kann die Eingabe begrenzt werden?
|
Gängige Methoden zur Begrenzung der Eingabe 1. Um das gepunktete Feld beim Drücken der Schaltfläche zu löschen, fügen Sie den Attributwert hideFocus oder HideFocus=true in die Eingabe ein. Code kopieren Der Code lautet wie folgt:<input type="submit" value="Senden" hidefocus="true" /> 2. Um nur den Inhalt des Textfelds zu lesen, fügen Sie den Attributwert readonly in der Eingabe hinzu Code kopieren Der Code lautet wie folgt:<input type="text" schreibgeschützt /> 3. Verhindern Sie, dass das TEXT-Dokument nach dem Zurückgehen gelöscht wird (der Stilinhalt kann als Klassenreferenz verwendet werden). Code kopieren Der Code lautet wie folgt:<input Typ="Text" Stil="Verhalten:URL(#Standard#Historie speichern);" /> 4. Die ENTER-Taste bewegt den Cursor zum nächsten Eingabefeld Code kopieren Der Code lautet wie folgt:<Eingabetyp="text" onkeydown="wenn(event.keyCode==13)event.keyCode=9" /> 5. Nur Chinesisch (blinkt) Code kopieren Der Code lautet wie folgt:<Eingabetyp="Text" onkeyup="Wert=Wert.replace(/[ -~]/g,'')" onkeydown="wenn(event.keyCode==13)event.keyCode=9" /> 6. Nur Zahlen (blinkend) Code kopieren Der Code lautet wie folgt:<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 7. Nur Zahlen (kein Blinken) Code kopieren Der Code lautet wie folgt:<input type="text" style="ime-mode:disabled" onkeydown="wenn(event.keyCode==13)event.keyCode=9" onkeypress="wenn ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 8. Nur Englisch und Zahlen können eingegeben werden (mit Blinken) Code kopieren Der Code lautet wie folgt:<input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 9. Blockeingabemethode Code kopieren Der Code lautet wie folgt:<input type="text" name="url" style="ime-mode: deaktiviert" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 10. Es können nur Zahlen, Dezimalpunkte und Minuszeichen (-) eingegeben werden (kein Blinken) Code kopieren Der Code lautet wie folgt:<input onkeypress="wenn (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 11. Es können nur zwei Dezimalstellen oder drei Dezimalstellen eingegeben werden (blinkt) Code kopieren Der Code lautet wie folgt:<Eingabetyp = "Text" maxlength = "9" onkeyup = "wenn (Wert.match(/^\d{3}$/)) Wert = Wert.replace(Wert,parseInt(Wert/10)) ; Wert = Wert.replace(/\.\d*\./g,'.')" onkeypress = "wenn ((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || Wert.match(/^\d{3}$/) || /\.\d{3}$/.test(Wert)) {event.returnValue=false}" /> |
<<: Lassen Sie sich die tiefe Kopie von js verstehen
Artikel empfehlen
So verwenden Sie Docker zum lokalen Verpacken und Bereitstellen von Images
Erste Verwendung von Docker zum lokalen Verpacken...
Vue+Element+Springboot zum Implementieren eines Beispiels für die Anzeigefunktion des Fortschrittsbalkens beim Dateidownload
Inhaltsverzeichnis 1. Nachfragehintergrund 2. Opt...
Mehr als 300 Zeilen CSS-Code, um die explosiven Spezialeffekte von WeChat 8.0 zu erzielen
Ein Hauptmerkmal des WeChat 8.0-Updates ist die U...
Der Unterschied und die Verwendung von distinct und row_number() over() in SQL
1 Einleitung Wenn wir SQL-Anweisungen schreiben, ...
Lösung für den ONLY_FULL_GROUP_BY-Fehler in Mysql5.7 und höher
Während des jüngsten Entwicklungsprozesses handel...
Detaillierte Erläuterung des Prozesses zum Konfigurieren mehrerer SVN-Repositorys auf Linux-Servern
1. Erstellen Sie ein Repository im angegebenen Ve...
Zusammenfassung der allgemeinen APIs und erweiterten APIs von Vue
Inhaltsverzeichnis nächstesTick Mixins $forceUpda...
Einführung in geplante Aufgaben im Linux-System
Inhaltsverzeichnis 1. Planaufgaben anpassen 2. Ze...
Detaillierte Erklärung der Front-End-Sicherheit: JavaScript-Anti-HTTP-Hijacking und XSS
Inhaltsverzeichnis HTTP-Hijacking, DNS-Hijacking ...
Beispielcode zur Implementierung von horizontalem Endlos-Scrollen mit reinem CSS3
Die Beispiele in diesem Artikel sind alle in klei...
Apache Log4j2 meldet eine Sicherheitslücke auf Nuklearebene und eine schnelle Lösung
Apache Log4j2 meldete eine Sicherheitslücke auf n...
Eine detaillierte Einführung in primitive Werte und Wrapper-Objekte in JavaScript
Inhaltsverzeichnis Vorwort Text Primitive Typen P...
Einführung in Jenkins und wie man Jenkins mit Docker bereitstellt
1. Verwandte Konzepte 1.1 Jenkins-Konzepte: Jenki...
Tutorial zur Installation von MySQL 5.7.18 mit einem RPM-Paket
System: CentOS 7 RPM-Pakete: mysql-community-clie...
Detaillierte Erklärung zur Konfiguration des sekundären Domänennamens auf einem Apache-Server in einer Linux-Umgebung
Dieser Artikel beschreibt, wie Sie einen sekundär...