Bootstrap Deaktivierte Texteingangsfelder

In Bootstrap werden verschiedene Klassen verwendet, um ein Formular effizient zu erstellen. Diese Klassen bieten den Elementen zahlreiche Styling -Eigenschaften, einschließlich “Formkontrolle","Gruppe formen","Form-Check-Label", und viele mehr. Insbesondere sind die Formulareingangsfelder Texteingangsfelder, mit denen Informationen von Benutzern erfasst werden. Wir können jedoch das Eingabefeld deaktivieren, indem wir die “verwenden“BehinderteKlasse oder Attribut.

Diese Beschreibung behandelt die folgenden Themen:

• So deaktivieren Sie das Feld "Texteingang"?
• So deaktivieren Sie die Option "Kästchen auswählen"?
• So deaktivieren Sie das Kontrollkästchen -Eingabeelement?
• So deaktivieren Sie das Tasteneingangselement?

Voraussetzung: Erstellen Sie eine Form

Erstellen Sie zunächst ein Formular, indem Sie die HTML verwenden “" Element:

Dann fügen Sie eine "hinzu""Element und zuweisen Sie ihm eine Klasse"col-12”. Innerhalb des Elements Geben Sie die Formularunterschrift an:

Registrierungsformular für Schüler

Ausgang

So deaktivieren Sie das Feld "Texteingang"?

Befolgen Sie für das laufende Beispiel den angegebenen Anweisungen:

• Im Inneren "”Element nach dem Legendelement fügen Sie ein Tag hinzu und weisen Sie ihm eine Klasse zu“Gruppe formen”.
• Dann einschließen "" Und "Elemente für die Beschriftungs- und Eingangsfelder. Weisen Sie dem Eingabeelement A -Klasse zu “Formkontrolle”.
• Danach zuweisen die “Behinderte”Attribut, um das Eingabefeld deaktiviert zu machen:

Gib deinen Namen ein

Im Folgenden finden Sie die Erklärung der oben genannten Klassen:

• “Gruppe formenIst eine flexible Klasse, die den einfachsten Weg bietet, Struktur in Formulare einzubeziehen.
• “Formkontrolle”Fügt dem Formularelemente automatisch ein Styling hinzu.

Ausgang

Fügen Sie ein weiteres Eingangsfeld ohne das hinzu “Behinderte”Attribut:

Geben Sie Ihren Vaternamen ein

Es kann beobachtet werden, dass das erste Eingangsfeld deaktiviert und das zweite aktiviert ist:

So deaktivieren Sie die Option "Auswählen des Feldes"?

Verwenden Sie die HTML, um ein ausgewähltes Feld im Formular zu erstellen. “" Element. Der "Elemente werden dann hinzugefügt, um Box -Elemente auszuwählen.

Beachten Sie in diesem Beispiel, dass die zweite Option mit der “als deaktiviert festgelegt wirdBehinderte”Attribut:

Deaktiviertes Feld auswählen

wählen
Behinderte auswählen
Speisekarte

Ausgang

So deaktivieren Sie das Kontrollkästchen -Eingabeelement?

Lassen Sie uns ein anderes Kontrollkästchen eines Formularsteuerung erstellen. Um das Kontrollkästchen deaktiviert zu machen, “BehinderteDas Attribut wird wie folgt angegeben:

Sie können dies nicht überprüfen

Ausgang

So deaktivieren Sie das Tasteneingangselement?

Sie können auch ein HTML -Schaltflächenelement für die Formulareingabe hinzufügen. Lassen Sie uns diese Schaltfläche nun deaktivieren, indem wir die "verwenden"Behinderte" Klasse:

Einreichen

Ausgang

Es ging darum, die Eingabefelder in Bootstrap deaktiviert zu machen.

Abschluss

In Bootstrap können die Formularsteuerungen mit der “deaktiviert werdenBehinderteAttribut oder Klasse. Das Attribut befindet sich im Startetikett des Elements. Andererseits die “Behinderte”Die Klasse wird in die" angegeben "Klasse”Attribut. In diesem Artikel wurden Beispiele bereitgestellt, um zu veranschaulichen, wie die Formularsteuerungen in Bootstrap deaktiviert werden können.