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> |
>>: Verwendung der MySQL SHOW STATUS-Anweisung
Artikel empfehlen
Eine kleine Sammlung von HTML-Meta-Tags
<Head>……</head> gibt den Dateikopf vo...
Analyse der Nutzung des Xmeter API-Schnittstellentesttools
XMeter API bietet einen umfassenden Online-Schnit...
Referenz zur MySQL-Optimierungslösung
Probleme, die bei der Optimierung auftreten könne...
Detaillierte Erklärung zur Verwendung des Arguments-Objekts in JavaScript
Inhaltsverzeichnis Vorwort Grundlegende Konzepte ...
Datenbankprobleme und Fallstricke bei der Verbindung zu Cloud-Servern mit Navicat Premium15
Bei Verwendung eines Cloud-Servers stellen wir ma...
Lösen Sie das domänenübergreifende Problem von Vue + SpringBoot + Shiro
Inhaltsverzeichnis 1. Konfigurieren Sie das Vue-F...
Umfassende Interpretation der MySQL Master-Slave-Replikation, vom Prinzip bis zur Installation und Konfiguration
Warum brauchen wir Master-Slave-Replikation? 1. I...
Alibaba Cloud Server Ubuntu Konfigurations-Tutorial
Da für den Import benutzerdefinierter Ubuntu-Imag...
jQuery implementiert einen einfachen Popup-Fenstereffekt
In diesem Artikel wird der spezifische Code von j...
Vue3.0 verwendet das Plug-In vue-grid-layout, um Drag-Layout zu implementieren
Inhaltsverzeichnis 1. Plugins 2. Zwischenspiel 3....
Warum der CSS-Attributwert clear:right im Detail nicht funktioniert
Die Verwendung der Clear-Eigenschaft zum Löschen v...
Ein MySQL-Migrationsplan und eine praktische Auflistung der Fallstricke
Inhaltsverzeichnis Hintergrund Lösung 1: Alte Dat...
Verwenden Sie das ab-Tool, um einen API-Stresstest auf dem Server durchzuführen
Inhaltsverzeichnis 1 Eine kurze Einführung in den...
So zeichnen Sie spezielle Grafiken in CSS
1. Dreieck Rahmeneinstellungen Code: Breite: 300p...
Zusammenfassung zum horizontal scrollenden Website-Design
Horizontales Scrollen ist nicht in allen Situation...