So implementieren Sie nicht bearbeitbare Bootstrap-Eingaben

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“.

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>

Rendering:

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!