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
Tutorial zur Installation von MySQL 5.7.9 mit RPM-Paket unter CentOS 7
Aufgezeichnetes MySQL 5.7.9-Installationstutorial...
Eine detaillierte Einführung in die Verwendung von Blockkommentaren in HTML
Allgemeine Kommentare in HTML: <!--XXXXXXXX--&g...
Zusammenfassung der genauen Berechnungen verschiedener Abstände/Scrolldistanzen in einem Fenster
Normalerweise müssen wir uns bei der Projektentwic...
Ein ausführliches Tutorial zur Installation von Jenkins auf Docker für Anfänger
Jenkins ist ein Open-Source-Softwareprojekt. Es h...
HTML-Grundlagen_Allgemeine Tags, allgemeine Tags und Tabellen
Teil 1 HTML <html> – Start-Tag <Kopf>...
JavaScript MouseEvent-Fallstudie
Mausereignis Wenn die Maus eine bestimmte Operati...
Das Front-End muss wissen, wie Bilder verzögert geladen werden (drei Methoden)
Inhaltsverzeichnis 1. Was ist Lazy Loading? 2. Im...
Detaillierte Erläuterung der MySQL-Deadlock-Prüfung und Beispiele zur Deadlock-Entfernung
1. Abfragevorgang Prozessliste anzeigen 2. Fragen...
Detaillierte Erläuterung grundlegender Betriebsbefehle wie Starten und Stoppen von Nginx unter Windows
Um Nginx unter Windows zu verwenden, müssen wir e...
Web-Theorie: Bringen Sie mich nicht zum Nachdenken über Lesehinweise
Kapitel 1 <br />Das wichtigste Prinzip, um ...
HTML-Hyperlinks im Detail erklärt
Hyperlink Hyperlinks sind die am häufigsten verwen...
Natives JavaScript zum Erzielen von Folieneffekten
Wenn wir eine Seite erstellen, insbesondere eine ...
Eine kurze Analyse des Ereignisdelegierungsmechanismus und des tiefen und flachen Kopierens in JavaScript
Inhaltsverzeichnis 1. Veranstaltungsdelegation Er...
Lösung für die Lücke zwischen Divs
Wenn Sie HTML-Div-Blöcke verwenden und die Mitte ...
Fassen Sie den User-Agent beliebter Browser zusammen
1. Grundkenntnisse: HTTP-Header-Benutzeragent Use...