11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen

11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen

1. Löschen Sie das gepunktete Feld, wenn die Schaltfläche gedrückt wird. <br />Fügen Sie den Attributwert hideFocus oder HideFocus=true in die Eingabe ein.
2. Nur-Lese-Textfeldinhalt <br />Fügen Sie den Attributwert readonly zur Eingabe hinzu
3. Verhindern Sie, dass das TEXT-Dokument beim Zurückgehen gelöscht wird (der Stilinhalt kann als Klassenreferenz verwendet werden).
<INPUT Stil=Verhalten:URL(#Standard#Historie speichern); Typ=Text ID=oPersistInput>
4. Die ENTER-Taste bewegt den Cursor zum nächsten Eingabefeld
<Eingabe onkeydown="wenn(event.keyCode==13) event.keyCode=9" >
5. Nur Chinesisch (blinkt)
<input onkeyup="Wert=Wert.replace(/[ -~]/g,'')" onkeydown="wenn(event.keyCode==13) event.keyCode=9">
6. Nur Zahlen (blinkend)
<input onkeyup="Wert=Wert.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
7. Nur Zahlen (kein Blinken)
<input style="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 (blinkt)
<Eingabe onkeyup="Wert=Wert.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
9. Blockeingabemethode
<Eingabetyp="Text" Name="URL" Stil="IME-Modus:deaktiviert" onkeydown="wenn(event.keyCode==13) event.keyCode=9">
10. Es können nur Zahlen, Dezimalpunkte und Minuszeichen (-) eingegeben werden (kein Blinken)
<input onKeyPress="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)
<Eingabe maxLänge=9 onkeyup="wenn(Wert.match(/^\d{3}$/)) Wert=Wert.replace(Wert,parseInt(Wert/10)) ;Wert=Wert.replace(/\.\d*\./g,'.')" onKeyPress="wenn((event.keyCode<48 event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 Wert.match(/^\d{3}$/) /\.\d{3}$/.test(Wert)) {event.returnValue=false}" ID=text_kfxe Name=text_kfxe>

<<:  Vue implementiert die Seiten-Caching-Funktion

>>:  Detaillierte Erklärung des Unterschieds zwischen MySQL-Normalindex und eindeutigem Index

Artikel empfehlen

Verwendung des Linux-Befehls ls

1. Einleitung Der Befehl ls dient zum Anzeigen de...

Vue implementiert die Funktion zum Aufrufen der Handykamera und des Albums

In diesem Artikel wird der spezifische Code von V...

Detaillierte Erklärung des Vue3-Sandbox-Mechanismus

Inhaltsverzeichnis Vorwort Browser kompilierte Ve...

Flexibles Boxmodell von CSS und CSS3 zur Anpassung der Elementbreite (-höhe)

1. CSS realisiert eine feste Breite links und ein...

MySQL-Datenbank löscht doppelte Daten und behält nur eine Methodeninstanz bei

1. Problemeinführung Nehmen Sie ein Szenario an, ...

Installieren Sie Docker unter CentOS 7

Wenn Sie kein Linux-System haben, finden Sie unte...

Vue integriert Tencent TIM Instant Messaging

In diesem Artikel wird hauptsächlich die Integrat...

Beispiele für MySQL-Batch-Hinzufügungs- und Speichermethoden

Beim Anmelden am Stresstest sind viele verschiede...

Reines JavaScript zur Implementierung des Zahlenratespiels

Entwickeln Sie ein Zahlenratespiel, bei dem zufäl...

Einige Hinweise zur MySQL-Self-Join-Deduplizierung

Lassen Sie mich kurz das Funktionsszenario erklär...