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

CSS-Tricks zum Erstellen von Welleneffekten

Es war schon immer sehr schwierig, Welleneffekte ...

So fügen Sie einen Docker-Port hinzu und erhalten eine Docker-Datei

Holen Sie sich das Dockerfile aus dem Docker-Imag...

Lösung für das Problem, dass der Docker-Container nicht gestoppt werden kann

Die Lösung lautet wie folgt: 1. Container löschen...

Reagieren Sie auf den nativen ScrollView-Pulldown-Aktualisierungseffekt

In diesem Artikel wird der spezifische Code des P...

Zusammenfassung einiger meiner häufig verwendeten Linux-Befehle

Ich habe zwei Jahre lang im Betrieb und in der Wa...

W3C Tutorial (11): W3C DOM Aktivitäten

Das Document Object Model (DOM) ist eine Plattfor...

Löschen Sie den Image-Vorgang von „none“ in Docker-Images

Da ich normalerweise den Befehl „Docker Build“ ve...

Drei Eigenschaften von Javascript-Objekten

Inhaltsverzeichnis 1. beschreibbar: beschreibbar ...

So fragen Sie einen Datensatz in MySQL ab, auf welcher Seite der Paging-Seite

Vorwort In der Praxis kann es zu folgendem Proble...

MySQL-Lerndatenbank-Suchanweisung DQL Xiaobai Kapitel

Inhaltsverzeichnis 1. Einfacher Datenabruf 2. Dat...

Verwendung und Beschreibung des HTML-Tags tbody

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