Einführung in die HTML-Formularsteuerung deaktivierte Attribute schreibgeschützt VS deaktiviert

Einführung in die HTML-Formularsteuerung deaktivierte Attribute schreibgeschützt VS deaktiviert

Es gibt zwei Möglichkeiten, die Formularübermittlung in HTML zu deaktivieren:

1. Fügen Sie dem Control-Tag readonly='readonly' hinzu

2. Fügen Sie disabled='disabled' hinzu

Zum Beispiel:

<input type="text" value="" schreibgeschützt="schreibgeschützt" /> 
<input type="text" value="" deaktiviert="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!

Zusammenfassen

Dies ist das Ende dieses Artikels über den Unterschied zwischen deaktivierten HTML-Formularsteuerelementen und schreibgeschützten Attributen und deaktivierten Attributen. Weitere relevante HTML-Inhalte mit deaktiviertem Schreibschutz finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  Detaillierte Erklärung der Verwendung von JSON.parse und JSON.stringify

>>:  Beispielanalyse zur Metadatenextraktion von MySQL und Oracle

Artikel empfehlen

Win10 Installation von MySQL 5.7 MSI-Version des Tutorials mit Bildern und Text

Ich habe es im MSI-Format installiert, hauptsächl...

SVN-Installation und grundlegende Bedienung (grafisches Tutorial)

Inhaltsverzeichnis 1. Was ist SVN? 2. Methoden zu...

JavaScript zum Implementieren der Anzeige von Suchdaten

In diesem Artikel wird der Datenanzeigecode für d...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15

In diesem Artikel werden die Installations- und K...

Wie MySQL implizite Standardwerte verarbeitet

Einige Studenten sagten, dass sie auf das Problem...

Problemlösungsvorgänge für Alpine Docker-Bildschriftarten

1. Führen Sie Schriftarten aus, öffnen Sie den Sc...

Tutorial zu HTML-Tabellen-Tags (21): Zeilenrahmen-Farbattribut BORDERCOLOR

Um die Tabelle zu verschönern, können Sie für die...

Die benutzerdefinierte Vue-Komponente implementiert eine bidirektionale Bindung

Szenario: Die von uns häufig verwendeten Interakt...

Lösung für das Problem „Linux QT Kit fehlt“ und „Version leer“

Derzeit tritt ein solches Problem auf Bei mir war...

Detaillierte Erklärung, warum MySQL nicht mit UNION zwei Abfragen verbinden kann

Überblick UNION Mit dem Schlüsselwort „Verbindung...

Praktische Hinweise zur Installation von Jenkins mit Docker-Compose

Erstellen Sie ein Verzeichnis cd /usr/local/docke...

Grundlegende Kenntnisse zum MySQL UNION-Operator

MySQL UNION-Operator Dieses Tutorial stellt die S...