Vergleich der Verwendung von Formularelementattributen schreibgeschützt und deaktiviert

Vergleich der Verwendung von Formularelementattributen schreibgeschützt und deaktiviert
1) Geltungsbereich:
schreibgeschützt: Eingabe [Typ = "Text"], Eingabe [Typ = "Passwort"], Eingabe [Typ = "Teaxtarea"]
deaktiviert: alle Formularelemente wie Auswahl, Optionsfeld, Kontrollkästchen, Schaltfläche usw.

2) Bedienung:
schreibgeschützt: Benutzer dürfen den Vorgang nicht ändern und es sind keine anderen Vorgänge betroffen
deaktiviert: Verhindert alle Benutzervorgänge, einschließlich Benutzerklickereignisse und Fokusereignisse

3) Formularübermittlung:
schreibgeschützt: Der Wert des Formularelements kann an den Server übermittelt werden.
deaktiviert: Der Wert des Formularelements wird nicht an den Server übermittelt, d. h. der Server kann den Wert dieses Formularelements nicht abrufen

Häufige Anwendungen:

a> In einem Formular ist ein eindeutiger Identifikationscode für den Benutzer vorab ausgefüllt, und der Benutzer darf ihn nicht ändern, aber der Wert muss beim Absenden übergeben werden. In diesem Fall sollte sein Attribut gesetzt werden

ist schreibgeschützt;

b>Verhindern Sie das doppelte Absenden des Formulars und deaktivieren Sie die Schaltfläche „Senden“ (Formularschaltfläche) nach dem Absenden des Formulars mithilfe von JavaScript.

c>Kontrollkästchen und Radio auf schreibgeschützt setzen: Standardereignisse wie bind("click",function(){return false;}) in jQuery deaktivieren;

<<:  4 Möglichkeiten, mit CSS ein zweispaltiges Layout mit fester linker Spalte und adaptiver rechter Spalte zu erreichen

>>:  Beispielcode zum Erstellen von Desktop-Anwendungen mit Vue + Electron

Artikel empfehlen

Vue implementiert das Bild mit Schaltflächenwechsel

In diesem Artikelbeispiel wird der spezifische Co...

Beispielcode zur Implementierung eines bildadaptiven Containers mit CSS

Es gibt häufig Szenarien, in denen das Bild an di...

HTML+CSS zum Erstellen eines Dropdown-Menüs

1. Beispiel einer Dropdown-Liste Der Code lautet ...

Zusammenfassung der zwölf Methoden der Vue-Wertübertragung

Inhaltsverzeichnis 1. Vom Vater zum Sohn 2. Vom S...

Verwendung und Prinzipien von Provide und Inject in Vue3

Vorwort: Beim Übergeben von Daten zwischen überge...

Beispiel einer Methode zur Fehlerbehebung beim Lösen von Nginx-Portkonflikten

Problembeschreibung Ein Spring + Angular-Projekt ...

JavaScript implementiert eine einzelne verknüpfte Listenprozessanalyse

Vorwort: Zum Speichern mehrerer Elemente sind Arr...

Detaillierte Erklärung des Nginx-Prozessplanungsproblems

Nginx verwendet eine feste Anzahl von Multiprozes...

Docker-Image-Optimierung (von 1,16 GB auf 22,4 MB)

Inhaltsverzeichnis Der erste Schritt der Optimier...

Auswahl der Groß-/Kleinschreibung von MySQL-Tabellennamen

Inhaltsverzeichnis 1. Parameter, die die Groß-/Kl...

Beispielcode für mehrere Elementtabellen, um synchrones Scrollen zu erreichen

Element UI implementiert mehrere Tabellen, die gl...

So installieren Sie Tomcat-8.5.39 auf centos7.6

So installieren Sie Tomcat-8.5.39 auf CentOS 7.6....