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
Unterschied und Implementierung von JavaScript Anti-Shake und Throttling
Inhaltsverzeichnis 1. Anti-Shake 2. Drosselung 3....
Eine kurze Analyse des MySQL-Index
Ein Datenbankindex ist eine Datenstruktur, deren ...
Regelmäßige JavaScript-Implementierungsmethode zur Überprüfung der Kennwortstärke
ausstellen Design Passwortstärke-Analyse Das Pass...
PHP geplante Backup MySQL und mysqldump Syntax-Parameter detailliert
Lassen Sie uns zunächst einige gängige Anwendungs...
Detaillierte Erläuterung der Konfigurationsmethode des Vue-Anforderungs-Interceptors
Befolgen Sie die nachstehenden Schritte 1. Inhalt...
Drei Möglichkeiten, um zu überprüfen, ob ein Port in einem Remote-Linux-System geöffnet ist
Dies ist ein sehr wichtiges Thema, nicht nur für ...
Tutorial zur kostenlosen Konfiguration der MySQL 5.7.18-Installationsversion
Installations-Tutorial zur kostenlosen Installati...
Beispiel und Lösung für einen SQL-Injection-Sicherheitslückenprozess
Codebeispiel: öffentliche Klasse JDBCDemo3 { öffe...
Lernen Sie MySQL auf einfache Weise
Vorwort Die Datenbank war schon immer meine Schwa...
Diagramm der Installationszusammenfassung für MySQL 8.0.11
Installationsumgebung: CAT /etc/os-release Zeigt ...
Zusammenfassung der Wissenspunkte zu den Linux-Befehlen ps und pstree
Der ps-Befehl in Linux ist die Abkürzung für „Pro...
Verwenden Sie HTML und CSS, um Ihren eigenen warmen Mann „Dabai“ zu erstellen.
Das Endergebnis sieht so aus, ist es nicht süß … ...
Vue verwendet Canvas, um Kreise zufälliger Größe und ohne Überlappung zu erzeugen
Inhaltsverzeichnis Canvas-bezogene Dokumente Effe...
Detaillierte Erklärung der Zählung ohne Filterbedingungen in MySQL
zählen(*) erreichen 1. MyISAM: Speichert die Gesa...
HTML-Subtag und Sup-Tag
Heute stelle ich zwei HTML-Tags vor, die ich nich...