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

Probleme mit Index und FROM_UNIXTIME in MySQL

Null, Hintergrund Ich habe diesen Donnerstag viel...

Ideen und Codes zur Implementierung des Wasserfall-Flow-Layouts im UniApp-Applet

1. Einleitung Gilt es als Aufwärmen alter Themen,...

Detailliertes Tutorial zum verteilten Betrieb von JMeter in der Docker-Umgebung

1. Erstellen Sie das Basisimage von jmeter Das Do...

Verwenden von JavaScript in HTML

Das <script>-Tag In HTML5 hat Skript die fo...

Navicat: Mehrere Möglichkeiten zum Ändern des MySQL-Datenbankkennworts

Methode 1: Verwenden Sie den Befehl SET PASSWORD ...

Eine kurze Diskussion zur Verwendung von React.FC und React.Component

Inhaltsverzeichnis 1. Reagieren.FC<> 2. Kla...

Die Fallstricke bei der Beurteilung von NULL-Werten in MySQL

Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...

MySQL-Datumsfunktionen und Datumskonvertierungs- und -formatierungsfunktionen

MySQL ist eine kostenlose relationale Datenbank m...

js, um einen simulierten Einkaufszentrumsfall zu erreichen

Freunde, die HTML-, CSS- und JS-Frontend lernen, ...

So öffnen Sie Ports zur Außenwelt in Alibaba Cloud Centos7.X

Kurz gesagt: Wenn Sie einen Cloud-Server eines be...

Foreman Ubuntu16 Schnellinstallation

Kurzanleitung Das Foreman-Installationsprogramm i...