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

Standardzusammenfassung zur Analyse der Leistung einer SQL-Anweisung

In diesem Artikel wird die Verwendung von „Explai...

So erstellen Sie einen Trigger in MySQL

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erklärung der Docker Compose-Verwendung

Inhaltsverzeichnis Docker Compose-Nutzungsszenari...

So kompilieren Sie den Linux-Kernel

1. Laden Sie die erforderliche Kernel-Version her...

Vue+SSH-Framework zur Realisierung von Online-Chat

In diesem Artikel wird der spezifische Code des V...

Fallstricke bei der neueren Version des IDEA2021 Tomcat10-Servlets

Da die Version, die ich beim Lernen verwendet hab...

Scrollen von HTML-Marquee-Zeichenfragmenten

Seine Eigenschaften sind wie folgt: Richtung Stell...

Einige Hinweise zum Ändern des innodb_data_file_path-Parameters von MySQL

Vorwort innodb_data_file_path wird verwendet, um ...

Installieren Sie die MySQL5.5-Datenbank in einer CentOS7-Umgebung

Inhaltsverzeichnis 1. Prüfen Sie, ob MySQL auf de...

Tutorial zur Installation von JDK und Tomcat unter Linux CentOS

Laden Sie zuerst JDK herunter. Hier verwenden wir...

Zusammenfassung der wichtigsten Attribute des Body-Tags

bgcolor="Textfarbe" background="Hin...

Detaillierte Schritte zum manuellen Konfigurieren der IP-Adresse in Linux

Inhaltsverzeichnis 1. Geben Sie zuerst das Konfig...

So aktualisieren Sie MySQL 5.6 auf 5.7 unter Windows

Vorne geschrieben Es gibt zwei Möglichkeiten, MyS...