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
Einige häufige Fehler mit MySQL null
Laut Nullwerten bedeutet der Wert Null in MySQL l...
Zusammenfassung der Lösungen für allgemeine Linux-Probleme
1. Centos7 unter VMware verbinden und eine feste ...
Einfacher CSS-Textanimationseffekt
Ergebnisse erzielen Implementierungscode html <...
Grundlegende Ideen zum Auffinden von Fehlern in der Web-Frontend-Entwicklung
Die WEB-Entwicklung besteht hauptsächlich aus zwe...
Vite2.0 Fallstricke
Inhaltsverzeichnis Optimierung des Vite-Projektau...
So lösen Sie das Problem der Linksausrichtung der letzten Zeile im Flex-Layout „space-between“
Schauen Sie sich zuerst den Code und die Wirkung ...
Detailliertes Beispiel zum Abrufen des Maximalwerts jeder Gruppe nach der Gruppierung in MySQL
Detailliertes Beispiel zum Abrufen des Maximalwer...
Umfassendes Verständnis von HTML-Formularelementen
Wie unten dargestellt: XML/HTML-CodeInhalt in die...
Detaillierte Erläuterung der Verwendung von MySQL-Profilen zur Analyse von langsamem SQL (Group Left Join ist effizienter als Unterabfrage)
Verwenden Sie ein Profil, um langsames SQL zu ana...
js native Karussell-Plugin-Produktion
In diesem Artikel wird der spezifische Code für d...
Detaillierte Erläuterung der Idee zur Implementierung dynamischer Effekte für die Änderung der Textfüllungsfarbe im Liedtext mit CSS3
Beim Abspielen von Musik werden die Liedtexte im ...
Master-Slave-Synchronisationskonfiguration der Mysql-Datenbank
Inhaltsverzeichnis Mysql Master-Slave-Synchronisi...
So verwenden Sie Makros in JavaScript
In Sprachen werden häufig Makros zur Implementier...
Probleme mit der Rancher-Bereitstellung und dem Importieren von K8S-Clustern
Die Rancher-Bereitstellung kann über drei Archite...
11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen
1. Löschen Sie das gepunktete Feld, wenn die Scha...