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

Detailliertes Verständnis des Plug-In-Mechanismus und der Installationsdetails von Vue

Methoden und Schritte zur Verwendung von http-Proxy-Middleware zur domänenübergreifenden Implementierung von Proxy in Node

Inhaltsverzeichnis 1. Installieren Sie das Proxy-...

Webdesign-Tipps für Formular-Eingabefelder

Detailliertes Verständnis des Plug-In-Mechanismus und der Installationsdetails von Vue

Detaillierte Untersuchung, ob bei der MySQL-Fuzzy-Abfrage zwischen Groß- und Kleinschreibung unterschieden wird

Die Position der Bildlaufleiste bleibt beim Scrollen der Vant-List-Komponente erhalten

Detaillierte Erläuterung der Methode zur Bestimmung des einzelnen Masterknotens von MySQL 5.7 MGR

Detaillierte Erläuterung der Multiversion-Parallelitätskontrolle großer Objekte in MySQL

CSS erstellt Tippboxen, Bubble-Boxen und Dreiecke

Beispiel für die Installation von nginx in einem angegebenen Verzeichnis

HTML-Grundlagen - CSS-Stylesheets, Style-Attribute, Format- und Layoutdetails

Zwei Möglichkeiten zum Aktivieren der Firewall im Linux-Dienst

Warum Entwickler Datenbanksperren im Detail verstehen müssen

Artikel empfehlen

Anfänger lernen einige HTML-Tags (2)

Detaillierte Erläuterung zur Verwendung von Nginx + Consul + Upsync zum Erreichen eines dynamischen Lastausgleichs

Vier Methoden zur Datentypbeurteilung in JS

Detaillierte Erklärung zum Kopieren und Sichern von Docker-Containerdaten

Durchführung der lokalen Migration von Docker-Images

Zusammenfassung der Blockelemente, Inline-Elemente und variablen Elemente

So überprüfen Sie die Version des Kali Linux-Systems

So zeigen Sie die IP-Adresse von Linux in einer virtuellen VMware-Maschine an

Analyse des Prinzips der MySQL-Indexlängenbeschränkung

Allgemeine Funktionen der MySQL-Grundlagen

Lernen Sie, wie Sie mit charAt() in JavaScript die am häufigsten vorkommenden Zeichen und deren Anzahl zählen.

Methoden und Schritte zur Verwendung von http-Proxy-Middleware zur domänenübergreifenden Implementierung von Proxy in Node

Verwenden Sie Nicht-Root-Benutzer, um Skriptvorgänge in Docker-Containern auszuführen

Detaillierte Erklärung des Marquee-Attributs in HTML

Zabbix implementiert die Überwachung mehrerer MySQL-Prozesse