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
Lösen Sie das Problem, dass dem Benutzer „root“@„%“ der Zugriff auf die Datenbank „xxx“ verweigert wurde, nachdem eine Datenbank in MySQL erstellt wurde.
Vorwort Ich hatte kürzlich ein Problem bei der Ar...
Tutorial zur HTML-Tabellenauszeichnung (48): CSS-modifizierte Tabelle
<br />Sehen wir uns nun an, wie Sie die CSS-...
CSS realisiert den Sprechblaseneffekt mit scharfen Ecken im kleinen Chat-Dialogfeld mit scharfen Ecken
1. Verwenden Sie CSS, um ein kleines Chat-Dialogf...
So verwenden Sie localStorage in JavaScript
Wenn Sie Entwickler sind und in die Welt von .NET...
Detaillierte Erklärung des Lebenszyklus von Angular-Komponenten (Teil 2)
Inhaltsverzeichnis 1. Haken anzeigen 1. Was bei d...
So finden und löschen Sie doppelte Datensätze in MySQL
Hallo zusammen, ich bin Tony, ein Lehrer, der nur...
Docker: Das Ändern des DOCKER_OPTS-Parameters in /etc/default/docker wird nicht wirksam
Standardmäßig wird die Konfiguration /etc/default...
Grafisches Tutorial zur Installation und Konfiguration der MySQL 8.0.15 Winx64-Dekomprimierungsversion
In diesem Artikel wird die Installations- und Kon...
js implementiert Axios Limit-Anforderungswarteschlange
Inhaltsverzeichnis Der Hintergrund ist: Was wird ...
Detaillierte Erläuterung verschiedener Kommunikationswege zwischen Linux-Benutzerstatus und Kernelstatus
Aufgrund der Einschränkung der CPU-Berechtigungen...
So implementieren Sie Leerzeichen in Taobao mit CSS3
Machen Sie einen leeren Bereich für Taobao: Wenn ...
Einführung in MySQL-Rollenfunktionen
Inhaltsverzeichnis Vorwort: 1. Einführung in die ...
So verwenden Sie Docker+DevPi zum Erstellen einer lokalen PyPi-Quelle
Vor einiger Zeit musste ich für die Entwicklung h...
Dieser Artikel zeigt Ihnen, wie Sie Vue 3.0 responsive verwenden
Inhaltsverzeichnis Anwendungsfälle Reaktive API-b...
So stellen Sie Redis in Docker bereit und starten es
Redis im Docker bereitstellen Installieren Sie zu...