11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen

11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen

1. Löschen Sie das gepunktete Feld, wenn die Schaltfläche gedrückt wird. <br />Fügen Sie den Attributwert hideFocus oder HideFocus=true in die Eingabe ein.
2. Nur-Lese-Textfeldinhalt <br />Fügen Sie den Attributwert readonly zur Eingabe hinzu
3. Verhindern Sie, dass das TEXT-Dokument beim Zurückgehen gelöscht wird (der Stilinhalt kann als Klassenreferenz verwendet werden).
<INPUT Stil=Verhalten:URL(#Standard#Historie speichern); Typ=Text ID=oPersistInput>
4. Die ENTER-Taste bewegt den Cursor zum nächsten Eingabefeld
<Eingabe onkeydown="wenn(event.keyCode==13) event.keyCode=9" >
5. Nur Chinesisch (blinkt)
<input onkeyup="Wert=Wert.replace(/[ -~]/g,'')" onkeydown="wenn(event.keyCode==13) event.keyCode=9">
6. Nur Zahlen (blinkend)
<input onkeyup="Wert=Wert.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
7. Nur Zahlen (kein Blinken)
<input 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 (blinkt)
<Eingabe onkeyup="Wert=Wert.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
9. Blockeingabemethode
<Eingabetyp="Text" Name="URL" Stil="IME-Modus:deaktiviert" onkeydown="wenn(event.keyCode==13) event.keyCode=9">
10. Es können nur Zahlen, Dezimalpunkte und Minuszeichen (-) eingegeben werden (kein Blinken)
<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)
<Eingabe maxLänge=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}" ID=text_kfxe Name=text_kfxe>

<<:  Vue implementiert die Seiten-Caching-Funktion

>>:  Detaillierte Erklärung des Unterschieds zwischen MySQL-Normalindex und eindeutigem Index

Artikel empfehlen

Detaillierte Erläuterung der kombinierten MySQL-Abfrage

Verwenden von UNION Die meisten SQL-Abfragen best...

js canvas realisiert Bilder mit abgerundeten Ecken

In diesem Artikel wird der spezifische Code von J...

Tiefgreifendes Verständnis des Vue-Übergangs und der Animation

1. Wenn Sie DOM-Elemente einfügen, aktualisieren ...

So installieren Sie Git unter Linux

1. Einleitung Git ist ein kostenloses, verteiltes...

Zwei Methoden zur Implementierung der Mysql-Remoteverbindungskonfiguration

Zwei Methoden zur Implementierung der Mysql-Remot...

So implementieren Sie die Unschärfefunktion von DIV

Verwenden Sie Anti-Shake, um DIV verschwinden zu ...

Beispielcode zum Konvertieren des Mysql-Abfrageergebnissatzes in JSON-Daten

Mysql konvertiert Abfrageergebnissatz in JSON-Dat...

Analyse der Protokolldateien im Tomcat-Protokollverzeichnis (Zusammenfassung)

Bei jedem Start von Tomcat werden die folgenden P...

Einfache Schritte zum Kapseln von Komponenten in Vue-Projekten

Inhaltsverzeichnis Vorwort So kapseln Sie eine To...

Beispiel für das Erstellen eines virtuellen Hosts basierend auf dem Apache-Port

Apache: Virtuellen Host basierend auf Port erstel...

mysql5.7 Installations- und Konfigurationstutorial unter Centos7.3

In diesem Artikel finden Sie das Installations- u...