Detaillierte Erläuterung der subtilen Unterschiede zwischen der Produktion von Readonly- und Disabled_HTML/Xhtml_Web-Seiten

Sowohl „Schreibgeschützt“ als auch „Deaktiviert“ können verhindern, dass Benutzer den Inhalt von Formularfeldern ändern. Es gibt jedoch geringfügige Unterschiede zwischen ihnen, die wie folgt zusammengefasst werden:

Readonly ist nur für Eingabe (Text/Passwort) und Textbereich gültig, während „disabled“ für alle Formularelemente gültig ist, aber nachdem das Formularelement „disabled“ verwendet wird , Wenn wir das Formular per POST oder GET absenden, wird der Wert dieses Elements nicht ausgegeben, sondern readonly gibt den Wert weiter (readonly akzeptiert Wertänderungen und kann sie zurückgeben, deaktivieren akzeptiert Änderungen, gibt aber keine Daten zurück).

Allgemein häufige Situationen sind:

Ein eindeutiger Identifikationscode ist in einem Formular für den Benutzer vorab ausgefüllt und der Benutzer darf ihn nicht ändern, aber der Wert muss wann übergeben werden Die Eigenschaft sollte auf „readonly“ gesetzt sein.

Wenn ein Benutzer ein Formular offiziell einreicht und auf die Überprüfung der Informationen durch den Administrator warten muss, darf der Benutzer die Daten im Formular nicht ändern, sondern kann sie nur anzeigen Aufgrund der großen Auswahl an deaktivierten Elementen sollte zu diesem Zeitpunkt deaktiviert verwendet werden. Gleichzeitig ist jedoch zu beachten, dass die Schaltfläche „Senden“ auch deaktiviert sein sollte. Andernfalls drückt der Benutzer diese Schaltfläche, sofern vorhanden Keine Integritätsprüfung auf der Datenbankbetriebsseite, die Werte in der Datenbank werden gelöscht. Wenn in diesem Fall „readonly“ anstelle von „disabled“ verwendet wird, ist dies immer noch möglich, wenn das Formular nur Eingabeelemente (Text/Passwort) und Textbereichselemente enthält. Wenn andere Elemente wie „select“ vorhanden sind, kann der Benutzer den Wert neu schreiben und drücken Drücken Sie zum Senden die Eingabetaste (Enter ist die Standardtaste zum Senden).

Wir verwenden häufig JavaScript, um die Schaltfläche „Senden“ zu deaktivieren, nachdem der Benutzer die Schaltfläche „Senden“ gedrückt hat. Dies kann den Benutzer daran hindern, die Schaltfläche „Senden“ in einem zu verwenden Umgebung mit schlechten Netzwerkbedingungen. Der Benutzer klickt wiederholt auf die Schaltfläche „Senden“, wodurch Daten redundant in der Datenbank gespeichert werden.

Die beiden Attribute „disabled“ und „readonly“ haben etwas gemeinsam. Wenn beispielsweise beide auf „true“ gesetzt sind, kann das Formularattribut beim Schreiben von JS-Code oft nicht bearbeitet werden , sie Es gibt einen gewissen Unterschied zwischen ihnen:

Wenn die Deaktivierung eines Eingabeelements auf „True“ gesetzt ist, kann das Formulareingabeelement den Fokus nicht erhalten und alle Benutzervorgänge (Mausklicks und Tastatureingaben usw.) wirkt sich auf das Eingabeelement aus. Der wichtigste Punkt ist, dass diese Formulareingabe beim Absenden des Formulars nicht gesendet wird.
Schreibgeschützt gilt nur für Eingabeelemente wie Texteingabefelder, die Text eingeben können. Wenn der Wert auf „true“ gesetzt ist, kann der Benutzer den entsprechenden Text einfach nicht bearbeiten, kann sich aber trotzdem konzentrieren, und beim Absenden des Formulars wird das Eingabeelement verwendet als Einreichen des Formulars.