Es gibt mehrere Möglichkeiten, Formularsteuerelemente in HTML zu deaktivieren

Dieses Mal zeige ich Ihnen verschiedene Möglichkeiten, Formularsteuerelemente in HTML zu deaktivieren. Hier sind praktische Beispiele . einmal. Beim Erstellen von Webseiten verwenden wir häufig Formulare. Manchmal möchten wir jedoch, dass die Steuerelemente im Formular nicht änderbar sind. Auf einer Webseite zum Ändern von Passwörtern sollte beispielsweise das Textfeld, in dem der Benutzername angezeigt wird, den Status „Nicht änderbar“ haben.

Es gibt zwei Deaktivierungsmethoden in HTML:

Beispiel:

1.给控件标签加上readonly='readonly'属性 
2.给控件标签加上disabled='disabled'属性

Beide Steuerelemente im Beispiel sind Es kann nicht geändert werden . Aber es gibt auch einige Unterschiede!
Aus der wörtlichen Bedeutung können wir erkennen, dass das Steuerelement, das das Attribut „readonly“ verwendet, „schreibgeschützt“ ist und das Steuerelement, das „disabled“ verwendet, „deaktiviert“ ist. Was ist also der Unterschied zwischen ihnen?

Schreibgeschützte Steuerelemente (Steuerelemente, die das schreibgeschützte Attribut verwenden) können von Benutzern nicht mit der Maus und der Tastatur geändert werden. Programmierer können jedoch

<input type="text" value="只读的" readonly="readonly" /> 
<input type="text" value="不可用的" disabled="disabled" />

Javascript

verwenden, um dieses Steuerelement beim Absenden des Formulars zu ändern werden an den Server übermittelt, was bedeutet, dass sie für den Server sichtbar sind.
Das deaktivierte Steuerelement (Steuerelement mit dem Attribut „disabled“) kann vom Benutzer nicht nur nicht mit Maus und Tastatur geändert werden, sondern ist auch für den Server unsichtbar, d. h. sein Name und Wert werden nicht an den Server übermittelt, wenn Das Formular wird übermittelt. Natürlich können Programmierer auch JavaScript verwenden, um den Wert zu ändern.
Das ist ihr Unterschied. Nachdem wir den Unterschied kennen, sollten wir wissen, wann wir welche Methode anwenden müssen. Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So legen Sie die Breite und Höhe eines Hyperlinks fest

Beispiel für das Hinzufügen von Attributen mit Stil in HTML

Wie man progressive Verbesserung und elegante Degradierung in CSS3 verwendet

Das obige ist der detaillierte Inhalt vonEs gibt mehrere Möglichkeiten, Formularsteuerelemente in HTML zu deaktivieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!