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
Detaillierte Erläuterung zum automatischen Aktualisieren der Seite und zur Aktualisierungsmethode nach dem Löschen von Vue-Listendaten
Problembeschreibung: Nachdem das Front-End Daten ...
Lösung für das Problem von var in einer for-Schleife
Vorwort var ist eine Möglichkeit, Variablen in ES...
Eine kurze Zusammenfassung von Vue Keep-Alive
1. Funktion Wird hauptsächlich verwendet, um den ...
So verwenden Sie Docker+DockerCompose zum Kapseln von Webanwendungen
Inhaltsverzeichnis Technologie-Stack Backend-Buil...
Detailliertes Beispiel für MySQL ähnlich dem Schreiben von Oracle Rownum
Rownum ist eine einzigartige Schreibmethode in Or...
Detaillierte Erklärung der wichtigsten Einzigartigkeit von v-for in Vue
Inhaltsverzeichnis 1. DOM-Diff 2. Fügen Sie Eleme...
Zusammenfassung gängiger Toolbeispiele in MySQL (empfohlen)
Vorwort Dieser Artikel stellt hauptsächlich die r...
12 Arten der Komponentenkommunikation in Vue2
Inhaltsverzeichnis 1. Requisiten 2..synchronisier...
Lösen Sie das Problem der Inkonsistenz zwischen MySQL-Zeit und Systemzeit in Docker
Als ich kürzlich MySQL in Docker installierte, st...
Sollte ich JQuery aufgeben?
Inhaltsverzeichnis Vorwort Was soll verwendet wer...
mysql5.7.21.zip Installations-Tutorial
Der detaillierte Installationsprozess von mysql5....
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.18 (CentOS7)
So installieren Sie MySQL 5.7.18 unter Linux 1. L...
Beispiele für Clearfix und Clear
In diesem Artikel wird hauptsächlich die Verwendun...
Implementierung der Docker-Bereitstellung des Nuxt.js-Projekts
Offizielle Docker-Dokumentation: https://docs.doc...
Super ausführliches Tutorial zur Implementierung der TabBar untere Navigationsleiste in Vue
Inhaltsverzeichnis Projekteinführung: Projektverz...