So machen Sie das Eingabetextfeld in HTML nicht bearbeitbar

Manchmal möchten wir, dass das Textfeld im Formular schreibgeschützt ist, damit der Benutzer die darin enthaltenen Informationen nicht ändern kann,

Beispielsweise kann der Inhalt des Eingabetexts nicht geändert werden. Manchmal möchten wir, dass das Textfeld im Formular schreibgeschützt ist, damit der Benutzer die darin enthaltenen Informationen nicht ändern kann >

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

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

Ich verwende dies gerne, es kann verhindern, dass der Inhalt geändert wird,

Das Kopier-Backend kann auch

entgegennehmen und zusammen mit anderen Eingabedaten in der Datenbank speichern

<li class="l1"><span>项目名称</span><span>  </span></li>
<li class="l2"><input  name="entryName" id="entryName"
style="color: #444"  type="text" value="邢台县“群众办事不出村”政务服务平台扩建项目" readonly="true"></li>

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

Methode 3: deaktiviert Der Text wird grau und kann nicht bearbeitet werden.

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

Der Text ändert seine Farbe nicht und kann nicht bearbeitet werden

<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" />

Es gibt zwei Methoden:
Erstens: nachdem „disabled“ definiert wurde so Deaktivierte Eingabeelemente sind weder verfügbar noch anklickbar.

<input style="ime-mode: disabled">

Zweitens: readonly="readonly" schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin mit der Tabulatortaste zum Feld navigieren und dessen Text auswählen oder kopieren

Das obige ist der detaillierte Inhalt vonSo machen Sie das Eingabetextfeld in HTML nicht bearbeitbar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!