So machen Sie das Eingabetextfeld in HTML nicht bearbeitbar

黄舟
Freigeben: 2017-10-27 10:18:41
Original
3057 Leute haben es durchsucht

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 >

Wenn der Inhalt von verwendet 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()>
Nach dem Login kopieren
Methode 2: schreibgeschützt


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

Das Kopier-Backend kann auch

Werte

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>
Nach dem Login kopieren
<input type="text" name="input1" value="中国" readonly>   
<input type="text" name="input1" value="中国" readonly="true">
Nach dem Login kopieren

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

readOnly="true"
<input type="text" name="input1" value="中国" disabled="true">
Nach dem Login kopieren

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

CSS-geschützte Eingabe:
<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" />
Nach dem Login kopieren


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

<input style="ime-mode: disabled">
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!