Heim > Web-Frontend > Layui-Tutorial > So legen Sie fest, dass das Bootstrap-Eingabefeld schreibgeschützt ist

So legen Sie fest, dass das Bootstrap-Eingabefeld schreibgeschützt ist

藏色散人
Freigeben: 2023-01-13 00:40:11
Original
3283 Leute haben es durchsucht

So legen Sie das schreibgeschützte Eingabefeld von Bootstrap fest: Öffnen Sie zuerst die entsprechende Codedatei und legen Sie dann das schreibgeschützte Attribut für das Eingabefeld fest, mit Anweisungen wie „placeholder="Readonly input here..." readonly“.

So legen Sie fest, dass das Bootstrap-Eingabefeld schreibgeschützt ist

Die Betriebsumgebung dieses Tutorials: Windows7-System, Bootsrap-Version 3.3.7, Dell G3-Computer

Empfohlen: „Bootstrap-Video-Tutorial“ „CSS-Video-Tutorial

Schreibgeschützte Eingabe box

Das Festlegen des schreibgeschützten Attributs für das Eingabefeld verhindert Benutzereingaben und der Stil des Eingabefelds ist ebenfalls deaktiviert.

<input class="form-control" type="text" placeholder="Readonly input here…" readonly>
Nach dem Login kopieren

Rendering:

So legen Sie fest, dass das Bootstrap-Eingabefeld schreibgeschützt ist

readonly-Attribut

readonly-Attribut ist ein boolesches Attribut. Das Attribut

readonly gibt an, dass das Eingabefeld schreibgeschützt ist.

Schreibgeschützte Felder können nicht geändert werden. Benutzer können jedoch weiterhin mit der Tabulatortaste zu dem Feld navigieren und seinen Text auswählen oder kopieren. Das

readonly-Attribut verhindert, dass der Benutzer den Wert ändert, bis bestimmte Bedingungen erfüllt sind (z. B. wenn ein Kontrollkästchen aktiviert ist). Anschließend müssen Sie JavaScript verwenden, um den schreibgeschützten Wert zu entfernen und das Eingabefeld in einen bearbeitbaren Zustand zu versetzen.

Das obige ist der detaillierte Inhalt vonSo legen Sie fest, dass das Bootstrap-Eingabefeld schreibgeschützt ist. 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