Zwei Methoden zum Deaktivieren von Formularsteuerelementen in HTML: schreibgeschützt und deaktiviert
|
Beim Erstellen von Webseiten verwenden wir häufig Formulare. Manchmal möchten wir jedoch, dass die Steuerelemente des Formulars unveränderlich sind. Auf einer Webseite zum Ändern von Passwörtern sollte beispielsweise das Textfeld, in dem der Benutzername angezeigt wird, unveränderlich sein. Es gibt zwei Möglichkeiten zum Deaktivieren in HTML: 1. Fügen Sie dem Control-Tag das Attribut readonly='readonly' hinzu 2. Fügen Sie dem Control-Tag das Attribut disabled='disabled' hinzu Beispiel: Code kopieren Der Code lautet wie folgt:<input type="text" value="schreibgeschützt" readonly="schreibgeschützt" /> <input type="text" value="Nicht verfügbar" disabled="deaktiviert" /> Beide Steuerelemente im Beispiel sind nicht editierbar. Aber es gibt auch einige Unterschiede! Aus der wörtlichen Bedeutung können wir erkennen, dass ein Steuerelement mit dem Attribut readonly „schreibgeschützt“ ist, während ein Steuerelement mit dem Attribut disabled „deaktiviert“ ist. Was ist also der Unterschied zwischen ihnen? Der Benutzer kann den Wert eines schreibgeschützten Steuerelements (eines Steuerelements, das das Attribut readonly verwendet) nicht mit der Maus oder Tastatur ändern, der Programmierer kann ihn jedoch mit JavaScript ändern. Wenn das Formular übermittelt wird, werden Name und Wert des Steuerelements an den Server übermittelt, was bedeutet, dass es für den Server sichtbar ist. Deaktivierte Steuerelemente (Steuerelemente mit dem Attribut „deaktiviert“) können von Benutzern nicht mit Maus und Tastatur geändert werden und sind für den Server auch unsichtbar. Das heißt, ihre Namen und Werte werden beim Absenden des Formulars nicht an den Server übermittelt. Natürlich können Programmierer auch JavaScript verwenden, um ihre Werte zu ändern. Das ist ihr Unterschied. Wenn wir den Unterschied kennen, sollten wir wissen, wann wir welche Methode anwenden müssen, und wir dürfen nicht blind sein! |
<<: Syntax-Alias-Problem basierend auf Löschen in MySQL
>>: Vue Grundlagen Listener Detaillierte Erklärung
Artikel empfehlen
Analyse des Konfigurationsprozesses der Nginx-HTTP-Integritätsprüfung
Passive Prüfung Mit passiven Integritätsprüfungen...
Detaillierte Erklärung der MySQL-Partitionstabelle
Vorwort: Partitionierung ist ein Tabellenentwurfs...
So ändern Sie die Zeitzone und die Uhrzeit im Ubuntu-System
Auf einem Linux-Computer gibt es zwei Zeitzonen: ...
Detaillierte Erklärung zur Verwendung von pt-heartbeat zur Überwachung der MySQL-Replikationsverzögerung
pt-Herzschlag Wenn die Datenbank zwischen Master ...
Beispiele für die korrekte Verwendung von Karten in WeChat-Miniprogrammen
Inhaltsverzeichnis Vorwort 1. Vorbereitung 2. Tat...
Implementierungsprinzip und Prozessanalyse der TCP-Leistungsoptimierung
Drei-Wege-Handshake-Phase Anzahl der Wiederholung...
Vue führt einen einfachen zufälligen Namensaufruf durch
Inhaltsverzeichnis Layoutteil: <div id="a...
Tutorial-Diagramm zur Installation des MySQL-Dienstes über MySQL Installer unter Windows
MYSQL bietet offiziell eine Installer-Methode zum...
Einführung in die Verwendung von CSS3-Filterattributen
1. Einleitung Beim Schreiben von Animationseffekt...
Detaillierte Erklärung, wie Angular mit unerwarteten Ausnahmefehlern umgeht
Vorne geschrieben Unabhängig davon, wie gut der C...
Detaillierte Erklärung der InnoDB-Speicherdateien in MySQL
Physisch gesehen besteht eine InnoDB-Tabelle aus ...
Detaillierte Erläuterung der Verwendung von Befehlen in MySQL zum Erreichen einer hierarchischen Suchhilfe
Vorwort Dieser Artikel stellt hauptsächlich den r...
Detaillierte Erläuterung der gespeicherten Prozeduren und Funktionen von MySQL
1 Gespeicherte Prozedur 1.1 Was ist eine gespeich...
Eine vollständige Aufzeichnung des Prozesses zum Erstellen mobiler Anwendungen mit Vue Native
Inhaltsverzeichnis Vorwort Funktionen von Vue Nat...
Verwendung des Fokus-innerhalb-Selektors von CSS3
Pseudoelemente und Pseudoklassen Apropos, schauen...