Webdesign-Tipps für Formular-Eingabefelder

Webdesign-Tipps für Formular-Eingabefelder
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>

<<:  Detaillierte Erläuterung des Prozesses der aktiven, passiven und Webüberwachung von Zabbix im verteilten Überwachungssystem

>>:  Verwendung der MySQL SHOW STATUS-Anweisung

Artikel empfehlen

Node.js versendet E-Mails basierend auf dem STMP-Protokoll und dem EWS-Protokoll

Inhaltsverzeichnis 1 Node.js-Methode zum Senden v...

So ändern Sie das MySQL-Passwort auf dem XAMPP-Server (mit Bildern)

Heute habe ich bei der Arbeit an PHP herausgefund...

Detailliertes Beispiel zum Beheben der Tablespace-Fragmentierung in MySQL

Detailliertes Beispiel zum Beheben der Tablespace...

Verwenden von JS zum Implementieren eines einfachen Rechners

Verwenden Sie JS, um einen einfachen Rechner für ...

So verwenden Sie die Baidu Map API im Vue-Projekt

Inhaltsverzeichnis 1. Registrieren Sie ein Konto ...

Der HTML 5-Entwurf wurde kein formeller Standard

<br />Gestern habe ich beim W3C gesehen, das...

Implementierungsschritte zum Erstellen mehrseitiger Programme mit Webpack

Es ist sehr üblich, webpack zum Erstellen einseit...

Schreiben Sie ein React-ähnliches Framework von Grund auf

Kürzlich habe ich im Internet den Artikel „Build ...

Wissen Sie, wie Sie mit Vue-Cropper Bilder in Vue zuschneiden?

Inhaltsverzeichnis 1. Installation: 2. Verwendung...

Ideen und Codes zur Realisierung des Lupeneffekts in js

In diesem Artikelbeispiel wird der spezifische Co...

Verwendung und Beschreibung des HTML-Tags tbody

Das Tbody-Element sollte in Verbindung mit den Ele...

Centos6.9-Installation Mysql5.7.18 Schrittaufzeichnung

Installationsreihenfolge rpm -ivh mysql-community...