Deaktivieren der Implementierungseigenschaften für Eingabetextfelder
|
Heute möchte ich einige sehr nützliche HTML-Tags zusammenfassen, die häufig in der Entwicklung verwendet werden. Wer sie nicht kennt, kennt sie möglicherweise nicht sehr gut. Sie sind: Code kopieren Der Code lautet wie folgt:schreibgeschützt, deaktiviert, Autovervollständigung readonly bedeutet, dass der Wert dieses Feldes nicht geändert werden kann. Es kann nur mit Typ="text" verwendet werden. Es kann kopiert, ausgewählt und fokussiert werden. Der Hintergrund erhält den Wert. Code kopieren Der Code lautet wie folgt:<input type="text" name="www.xxx" readonly="schreibgeschützt" /> Deaktiviert bedeutet, dass das Eingabeelement deaktiviert ist. Es kann nicht bearbeitet, kopiert, ausgewählt oder fokussiert werden. Der Hintergrund erhält den Wert nicht. Code kopieren Der Code lautet wie folgt:<input type="text" name="www.xxx.com" disabled="deaktiviert" /> Sie können die Eingabemethode auch über CSS blockieren: <input style="ime-mode: disabled"> Zum Schluss möchte ich noch ein häufig verwendetes Tag vorstellen. Der Browser zeichnet das Eingabefeld normalerweise auf, sodass beim Eingeben häufig viel Inhalt angezeigt wird, wie unten dargestellt: Wenn Sie es entfernen möchten, fügen Sie am besten autocomplete="off" hinzu. Die Verwendung lautet wie folgt: autocomplete="off" Code kopieren Der Code lautet wie folgt:<input type="text" autocomplete="aus" id="nummer"/> |
<<: Details zur Datenanzeige der Vue3-Listenschnittstelle
Artikel empfehlen
Detaillierte Erklärung der Startbefehle für Docker-Versionen es, milvus und minio
1. es-Startbefehl: docker run -itd -e TAKE_FILE_O...
Nach dem Neustart des Baota-Panels wird die Meldung -ModuleNotFoundError: Kein Modul mit dem Namen „geventwebsocket“ angezeigt.
Hintergrund: Da der Server das Flask-Projekt bere...
Eine kurze Erläuterung zum Abbrechen von Anfragen und zum Verhindern doppelter Anfragen in Axios
Inhaltsverzeichnis Vorwort Kern - CancelToken Pra...
Installationsmethode für mysql-8.0.17-winx64 unter Windows 10
1. Von der offiziellen Website herunterladen und ...
Beispiele für die Verwendung des ES6-Spread-Operators
Inhaltsverzeichnis Was sind Spread- und Rest-Oper...
Verwenden Sie HTML, um eine einfache E-Mail-Vorlage zu schreiben
Heute möchte ich über ein „Low-Tech“-Problem schr...
Vollständige Analyse des Vue-Diff-Algorithmus
Inhaltsverzeichnis Vorwort Vue-Aktualisierungsans...
So verwenden Sie CSS-Medienabfragen mit einem geringeren Seitenverhältnis
CSS-Medienabfragen haben ein sehr praktisches Sei...
Horizontales Header-Menü mit CSS3 implementiert
Ergebnis:Implementierungscode html <nav class=...
Detaillierte Erklärung der Linux-CPU-Last und CPU-Auslastung
CPU-Last und CPU-Auslastung Beides kann bis zu ei...
Detaillierte Analyse dieser Richtung in JavaScript und wie die Richtung geändert werden kann
Inhaltsverzeichnis Das Verfahren Im Objekt Verste...
So verwenden Sie Docker zum Bereitstellen eines Dubbo-Projekts
1. Verwenden Sie zunächst Springboot, um ein einf...
Implementierungscode für die teilweise Aktualisierung einer HTML-Seite
Aktualisierung der Ereignisantwort: Aktualisierun...
Eine kurze Diskussion über den gesamten Prozess des ersten Renderings von Vue
Inhaltsverzeichnis 1. Vue-Initialisierung Vue-Ein...
SQL-Implementierung von LeetCode (182. Doppelte Postfächer)
[LeetCode] 182.Doppelte E-Mails Schreiben Sie ein...