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
Implementierung der automatischen Vervollständigung von Docker-Befehlen
Vorwort Ich weiß nicht, wie lange dieser Freund D...
mysql installer web community 5.7.21.0.msi grafik-tutorial zur installation
In diesem Artikelbeispiel wird der spezifische Co...
Was ist der Unterschied zwischen HTM und HTML? Was ist der Unterschied zwischen HTM und HTML?
Während ich Webdesign lernte, habe ich mich nicht...
Entwicklungshandbuch für Chrome-Plugins (Erweiterungen) (vollständige Demo)
Inhaltsverzeichnis Vorne geschrieben Vorwort Was ...
React-Methode zum Anzeigen von Daten auf Seiten
Inhaltsverzeichnis Übergeordnete Komponente „list...
So implementieren Sie die JavaScript-Ausgabe der Fibonacci-Folge
Inhaltsverzeichnis Thema analysieren Basislösung ...
JSONP-domänenübergreifende Simulation der Baidu-Suche
Inhaltsverzeichnis 1. Was ist JSONP 2. JSONP-Cros...
So installieren und konfigurieren Sie den Supervisor-Daemon unter CentOS7
Neuling, nimm es selbst auf 1. Supervisor install...
So erstellen Sie einen DHCP-Server in Linux
Inhaltsverzeichnis 1. Grundkenntnisse: 2. DHCP-Se...
Natives JS zum Erzielen von Jalousie-Spezialeffekten
In diesem Artikel wird ein Jalousie-Spezialeffekt...
Detaillierte Schritte zum Einrichten eines Nexus-Servers
1. Die Bedeutung des Aufbaus eines Nexus-Dienstes...
Detaillierte Erklärung des Vue2 Cube-UI-Zeitwählers
Inhaltsverzeichnis Vorwort 1. Anspruch und Wirkun...
Programme zum Abfragen und Löschen der Portnutzung im Windows-Betriebssystem
Im Windows-Betriebssystem das Programm zum Abfrag...
Lösungen für den Fehler und die Ungültigkeit beim Öffnen von nginx.pid
Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...
CSS3-Mauszeiger-Übergangszoomeffekt
Das Folgende ist ein Bild-Zoom-Effekt, der in rei...