Deaktivieren der Implementierungseigenschaften für Eingabetextfelder

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

>>:  Lösen Sie das Problem, dass Navicat für MySQL beim Herstellen einer Verbindung zu MySQL einen 2005-Fehler meldet

Artikel empfehlen

JS-Prinzip der asynchronen Ausführung und Rückrufdetails

1. JS-Prinzip der asynchronen Ausführung Wir wiss...

HTML-Tabellen-Markup-Tutorial (43): VALIGN-Attribut der Tabellenüberschrift

In vertikaler Richtung können Sie die Ausrichtung...

Zusammenfassung der sieben MySQL JOIN-Typen

Bevor wir beginnen, erstellen wir zwei Tabellen, ...

Idea konfiguriert Tomcat zum Starten eines Webprojekts - Grafik-Tutorial

Tomcat konfigurieren 1. Klicken Sie auf „Konfigur...

Zusammenfassung der Erfahrungen beim Website-Erstellen

<br />Welche Grundsätze sollten beachtet wer...

MySQL Slow Query-Optimierung: Die Vorteile von Limit aus Theorie und Praxis

Oftmals erwarten wir, dass das Abfrageergebnis hö...

So verstehen Sie die Modularität von JavaScript

Inhaltsverzeichnis 1. Browserunterstützung 2. Exp...

Beispiele für die Verwendung von Docker und Docker-Compose

Docker ist eine Open-Source-Container-Engine, mit...

NULL und leere Zeichenfolge in MySQL

Ich bin vor kurzem mit MySQL in Berührung gekomme...