Heim > Web-Frontend > Bootstrap-Tutorial > So implementieren Sie nicht bearbeitbare Bootstrap-Eingaben

So implementieren Sie nicht bearbeitbare Bootstrap-Eingaben

藏色散人
Freigeben: 2023-02-09 14:37:39
Original
4066 Leute haben es durchsucht

So implementieren Sie nicht bearbeitbare Bootstrap-Eingaben: Öffnen Sie zuerst die entsprechende Codedatei und legen Sie dann das deaktivierte Attribut für das Eingabeeingabefeld fest, mit Anweisungen wie „Platzhalter = „Eingabe hier deaktiviert ...“ deaktiviert“.

So implementieren Sie nicht bearbeitbare Bootstrap-Eingaben

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7, Dell G3-Computer.

Bootstrap-Eingabe kann nicht bearbeitet werden

In Bootstrap kann das Festlegen des deaktivierten Attributs für das Eingabeeingabefeld verhindern, dass es mit dem Benutzer interagiert (Fokus, Eingabe usw.). Deaktivierte Eingabefelder haben eine hellere Farbe und es wurde ein nicht zulässiger Mausstatus hinzugefügt.

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
Nach dem Login kopieren

Rendering:

So implementieren Sie nicht bearbeitbare Bootstrap-Eingaben

disabled-Attribut

disabled-Attribut ist ein boolesches Attribut. Das Attribut

disabled gibt an, welche -Elemente deaktiviert werden sollen.

Deaktivierte Eingabeelemente sind unbrauchbar und nicht anklickbar. Das Attribut „disabled“ ist so eingestellt, dass Benutzer das Element nur verwenden können, wenn bestimmte Bedingungen erfüllt sind (z. B. das Aktivieren eines Kontrollkästchens usw.). Anschließend können Sie den deaktivierten Wert mithilfe von JavaScript entfernen und das -Element verfügbar machen.

Tipp: Deaktivierte

Hinweis: Das Attribut „disabled“ gilt nicht für .

Empfohlen: „

Bootstrap-Video-Tutorial

“ „CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo implementieren Sie nicht bearbeitbare Bootstrap-Eingaben. 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