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

Auf Wiedersehen Docker: So wechseln Sie in 5 Minuten zu Containerd

Docker ist eine sehr beliebte Containertechnologi...

Webdesign: Die genaue Platzierung und Verwendung massiver Materialien

Durch dreimaliges Auswendiglernen können Sie sich...

So finden Sie Websites mit SQL-Injection (unbedingt lesen)

Methode 1: Verwenden Sie die erweiterte Suche von...

Zusammenfassung wichtiger MySQL-Protokolldateien

Autor: Ding Yi Quelle: https://chengxuzhixin.com/...

Detaillierte Schritte zur Installation und Konfiguration von MySQL 5.7

1. MySQL herunterladen 1. Melden Sie sich auf der...

Detailliertes Beispiel einer MySQL-Austauschpartition

Detailliertes Beispiel einer MySQL-Austauschparti...

Warum Nginx besser ist als Apache

Nginx hat in nur wenigen Jahren den Großteil des ...

Website User Experience Design (UE)

Ich habe gerade einen von JunChen verfassten Beitr...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.16 winx64

Ich habe erst vor Kurzem angefangen, mich mit Dat...