So machen Sie Textfelder wie Formulareingaben in HTML schreibgeschützt und nicht bearbeitbar

Manchmal hoffen wir, dass das Textfeld im Formular schreibgeschützt ist, sodass der Benutzer die darin enthaltenen Informationen nicht ändern kann.

Manchmal kann der Inhalt des Eingabetexts nicht geändert werden. Wir hoffen, dass das Textfeld im Formular schreibgeschützt ist, sodass der Benutzer die darin enthaltenen Informationen nicht ändern kann. Wenn beispielsweise der Inhalt von geändert wird, kann das Wort „China“ nicht geändert werden. Zusammenfassend sind die Implementierungsmethoden wie folgt.

Methode 1: onfocus=this.blur() Fokus verlassen, wenn die Maus nicht platziert werden kann

<input type="text" name="input1" value="中国" onfocus=this.blur()>

Methode 2: schreibgeschützt

<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">

Methode 3 : deaktiviert

<input type="text" name="input1" value="中国" disabled="true">

Vollständiges Beispiel:

<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className=&#39;input_1&#39;" onMouseOut="this.className=&#39;input_2&#39;" value="123456789" disabled="true"　readOnly="true" />

disabled="true" Der Text wird grau und kann nicht bearbeitet werden.
readOnly="true"Der Text ändert seine Farbe nicht und kann nicht bearbeitet werden

CSS-Eingabeabschirmung:

Es gibt zwei Methoden: „disabled“ ist so definiert, dass das deaktivierte Eingabeelement weder verfügbar noch anklickbar ist. Zweitens: readonly="readonly" schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin die Tabulatortaste verwenden, um zum Feld zu wechseln, und auch den Text auswählen oder kopieren.

Verwandte Empfehlungen:

HTML5-Video/Audio wird abgespielt lokale Dateien

Das obige ist der detaillierte Inhalt vonSo machen Sie Textfelder wie Formulareingaben in HTML schreibgeschützt und nicht bearbeitbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!