Was bedeutet Eingabetyp und wie kann die Eingabe begrenzt werden?

Was bedeutet Eingabetyp und wie kann die Eingabe begrenzt werden?
Gängige Methoden zur Begrenzung der Eingabe
1. Um das gepunktete Feld beim Drücken der Schaltfläche zu löschen, fügen Sie den Attributwert hideFocus oder HideFocus=true in die Eingabe ein.

Code kopieren
Der Code lautet wie folgt:

<input type="submit" value="Senden" hidefocus="true" />

2. Um nur den Inhalt des Textfelds zu lesen, fügen Sie den Attributwert readonly in der Eingabe hinzu

Code kopieren
Der Code lautet wie folgt:

<input type="text" schreibgeschützt />

3. Verhindern Sie, dass das TEXT-Dokument nach dem Zurückgehen gelöscht wird (der Stilinhalt kann als Klassenreferenz verwendet werden).

Code kopieren
Der Code lautet wie folgt:

<input Typ="Text" Stil="Verhalten:URL(#Standard#Historie speichern);" />

4. Die ENTER-Taste bewegt den Cursor zum nächsten Eingabefeld

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="text" onkeydown="wenn(event.keyCode==13)event.keyCode=9" />

5. Nur Chinesisch (blinkt)

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="Text" onkeyup="Wert=Wert.replace(/[ -~]/g,'')" onkeydown="wenn(event.keyCode==13)event.keyCode=9" />

6. Nur Zahlen (blinkend)

Code kopieren
Der Code lautet wie folgt:

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />

7. Nur Zahlen (kein Blinken)

Code kopieren
Der Code lautet wie folgt:

<input type="text" 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 (mit Blinken)

Code kopieren
Der Code lautet wie folgt:

<input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />

9. Blockeingabemethode

Code kopieren
Der Code lautet wie folgt:

<input type="text" name="url" style="ime-mode: deaktiviert" onkeydown="if(event.keyCode==13)event.keyCode=9" />

10. Es können nur Zahlen, Dezimalpunkte und Minuszeichen (-) eingegeben werden (kein Blinken)

Code kopieren
Der Code lautet wie folgt:

<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)

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp = "Text" maxlength = "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}" />

<<:  Lassen Sie sich die tiefe Kopie von js verstehen

>>:  CSS erzielt den Effekt, dass die äußerste Schicht einer mehrschichtigen verschachtelten Struktur rotiert, während die anderen Schichten unverändert bleiben.

Artikel empfehlen

Rückblick auf die besten Webdesign-Arbeiten 2012 [Teil 1]

Zum Beginn des neuen Jahres möchte ich meinen Fre...

Detaillierte Erklärung zur Konfiguration des Keepalived-Protokolls auf einem anderen Pfad in CentOS7

Keepalived-Installation: cd <keepalived_source...

So setzen Sie das Root-Passwort in CentOS7 zurück

Beim Verschieben von Bausteinen treten verschiede...

Detaillierte Erläuterung der drei Möglichkeiten zum Konfigurieren virtueller Nginx-Hosts (basierend auf IP)

Nginx unterstützt drei Möglichkeiten zum Konfigur...

Drücken Sie die Eingabetaste, um das Formular automatisch abzuschicken. Unerwartete Entdeckung

Code kopieren Der Code lautet wie folgt: <!DOC...

So implementieren Sie das mobile Anmelde- und Registrierungsmodul elegant in vue3

Inhaltsverzeichnis Vorwort Eingabefeldkomponente ...

Tipps zur Optimierung von CSS-Schattenanimationen

Diese Technik stammt aus diesem Artikel - So anim...

So fügen Sie einem Benutzer in einer Linux-Umgebung Sudo-Berechtigungen hinzu

sudo-Konfigurationsdatei Die Standardkonfiguratio...

Erfahren Sie, wie Sie Nginx schnell in CentOS7 installieren

Inhaltsverzeichnis 1. Übersicht 2. Laden Sie das ...

Detaillierte Erklärung des Unterschieds und der Verwendung von Anführungszeichen und Backticks in MySQL

Vorwort Also habe ich diesen Blog geschrieben. Di...

So stellen Sie Rancher mit Docker bereit (keine Fallstricke)

Vor der Inbetriebnahme unbedingt lesen: Hinweis: ...

Neue Funktionen in MySQL 8.0 - Einführung in die Verwendung des Management-Ports

Inhaltsverzeichnis Vorwort Verbindungsverwaltung ...

MySQL-8.0.26 Konfigurationsgrafik-Tutorial

Vorwort: Vor kurzem hat das Unternehmensprojekt d...

Detaillierte Erklärung des Vue-Plugins

Zusammenfassen Dieser Artikel endet hier. Ich hof...

Detaillierte Ansicht versteckter Spalten in MySQL

Inhaltsverzeichnis 1. Primärschlüssel vorhanden 2...