Webdesign-Tipps für Formular-Eingabefelder
|
Dieser Artikel listet einige Tipps und Codes zu Formular-Eingabefeldern im Webdesign auf. 1. Gestricheltes Feld, wenn die Abbrechen-Schaltfläche gedrückt wird <br /> Fügen Sie den Attributwert hideFocus oder HideFocus=true in die Eingabe ein 2. Schreibgeschützter Textfeldinhalt Fügen Sie der Eingabe den Attributwert readonly hinzu 3. Verhindern Sie, dass das TEXT-Dokument nach dem Zurückgehen gelöscht wird (der Stilinhalt kann als Klassenreferenz verwendet werden). <INPUTstyle=verhalten:url(#default#savehistory);Typ=textid=oPersistInput> 4. Die ENTER-Taste bewegt den Cursor zum nächsten Eingabefeld <inputonkeydown="wenn(event.keyCode==13)event.keyCode=9"> 5. Nur Chinesisch (blinkt) <inputonkeyup="Wert=Wert.replace(/[-~]/g,'')"onkeydown="wenn(event.keyCode==13)event.keyCode=9"> 6. Nur Zahlen (blinkend) <inputonkeyup="Wert=Wert.replace(/[^/d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 7. Nur Zahlen (kein Blinken) <inputstyle="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) <inputonkeyup="Wert=Wert.replace(/[/W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 9. Blockeingabemethode <inputtype="text"name="url"style="ime-mode:disabled"onkeydown="wenn(event.keyCode==13)event.keyCode=9"> 10. Es können nur Zahlen, Dezimalpunkte und Minuszeichen (-) eingegeben werden (kein Blinken) <inputonKeyPress="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) <inputmaxlength=9onkeyup="wenn(value.match(/^/d{3}$/))value=value.replace(value,parseInt(value/10));value=value.replace(//./d*/./g,'.')"onKeyPress="wenn((event.keyCode<48||event.keyCode>57)&&event.keyCode!=46&&event.keyCode!=45||value.match(/^/d{3}$/)||//./d{3}$/.test(value)){event.returnValue=false}"id=text_kfxename=text_kfxe> |
<<: Docker-Port-Mapping und externe Unzugänglichkeitsprobleme
>>: CSS zum Erzielen eines Beispielcodes für eine Bildlaufleiste
Artikel empfehlen
So simulieren Sie eine Aufzählung mit JS
Vorwort Im aktuellen JavaScript gibt es kein Konz...
Verwenden Sie xshell, um eine Verbindung zum Linux-Server herzustellen
Vorteile der Verwendung von xshell zur Verbindung...
Implementierungsbeispiel für Scan-Code-Zahlung im Vue-Projekt (mit Demo)
Inhaltsverzeichnis Nachfragehintergrund Gedankena...
So erlauben Sie den Remotezugriff auf offene Ports in Linux
1. Ändern Sie die Firewall-Konfigurationsdatei # ...
Reines CSS, um nach Auswahl des Produkts das Zeichen √ in der unteren rechten Ecke anzuzeigen
Empfohlene Artikel: Klicken Sie auf die untere re...
Detaillierte Schritte zur Installation des 64-Bit-Ubuntu-Systems und des Docker-Tools auf Raspberry Pi 3B+
Wenn Sie einige 64-Bit-Anwendungen (wie 64-Bit-JD...
So fügen Sie Bilder in HTML-Seiten ein und fügen Kartenindexbeispiele hinzu
1. Im Web unterstützte Bildformate: GIF: kann 256...
So starten Sie ein Vue.js-Projekt
Inhaltsverzeichnis 1. Node.js und Vue 2. Führen S...
Frage zur Webseitenerstellung: Bilddateipfad
Dieser Artikel stammt ursprünglich von 123WORDPRE...
Details zur Vue-Vorlagenkompilierung
Inhaltsverzeichnis 1. analysieren 1.1 Regeln für ...
Schreiben Sie einen formellen Blog mit XHTML CSS
Der vollständige Name von Blog sollte Weblog sein,...
Workerman schreibt den Beispielcode des MySQL-Verbindungspools
Zunächst müssen Sie verstehen, warum Sie Verbindu...
Beispielcode einer Vue-Anwendung basierend auf der Axios-Anforderungskapselung
Inhaltsverzeichnis Was ist Axios? Axios-Anforderu...
DIV-Hintergrund, halbtransparenter Text, nicht durchscheinender Stil
Der DIV-Hintergrund ist halbtransparent, aber die ...
Detaillierte Einführung in die Bereitstellung eines K8S-Clusters auf einem CentOS7-System
Inhaltsverzeichnis 1 Ausführung und Planung 1.1 V...