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

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

藏色散人
藏色散人Original
2020-12-07 09:31:453188Durchsuche

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>

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!

Stellungnahme:
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