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
4 Prinzipien für sauberes und schönes Webdesign
In diesem Artikel werden diese 4 Prinzipien im Hi...
vue + springboot realisiert den Login-Bestätigungscode
In diesem Artikelbeispiel wird der spezifische Co...
jQuery implementiert das Bouncing-Ball-Spiel
In diesem Artikel wird der spezifische Code von j...
So erstellen Sie einen Index für eine Join-Tabelle in MySQL
In diesem Artikel wird erläutert, wie Sie einen I...
Native JS-Drag-and-Drop-Funktion zum Erstellen eines Slider-Beispielcodes
Drag & Drop ist eine gängige Funktion im Fron...
Weitere Möglichkeiten zur Verwendung von spitzen Klammern in Bash
Vorwort In diesem Artikel werden wir weitere Verw...
Analysieren Sie CSS, um die Farbfunktion des Bildthemas zu extrahieren (Tipps)
Hintergrund Alles begann, als ein Klassenkamerad ...
Erläuterung der Methode zum Schreiben von SQL-Anweisungen zum Einfügen
Methode 1: INSERT INTO t1(Feld1,Feld2) VALUE(v001...
Detaillierte Erläuterung der Überwachung der NVIDIA GPU-Nutzung unter Linux
Bei der Verwendung von TensorFlow für Deep Learni...
Probleme beim Upgrade von Python und der Installation von Mongodb-Treibern unter Centos
Überprüfen Sie die Python-Version mit python -V. ...
Teilen Sie 12 häufig verwendete Loader in Webpack (Zusammenfassung)
Inhaltsverzeichnis Vorwort Stillader CSS-Lader Sa...
Implementierung eines einfachen Altersrechners auf Basis von HTML+JS
Inhaltsverzeichnis Vorwort Demonstrationseffekt H...
Entwerfen Sie eine einfache HTML-Anmeldeoberfläche im CSS-Stil
login.html-Teil: <!DOCTYPE html> <html l...
CSS, um den kleinen scharfen Eckeneffekt von Blasen zu erzielen
Effektbild (die Rahmenfarbe ist zu hell, setzen S...
Implementierung der HTML-Befehlszeilenschnittstelle
HTML-Teil Code kopieren Der Code lautet wie folgt:...