So deaktivieren Sie Bootstrap -Tasten

Die Schaltflächen sind die anklickbaren Komponenten in jeder Anwendung. Sie können unterschiedliche Funktionen ausführen, z. B. das Generieren von Ereignissen, das Einreichen von Formularen und die Ausführung von Aktionen. Es gibt jedoch mehrere Zustände von Schaltflächen wie aktiv und beladen, die gemäß der Situation verwendet werden. Genauer gesagt das “BehinderteAttribut oder Klasse werden auch verwendet, um sie nicht klickbar oder unbrauchbar zu machen.

In diesem Beitrag wird veranschaulicht, wie Sie Schaltflächen in Bootstrap deaktivieren können.

So deaktivieren Sie Tasten in Bootstrap?

Die HTML "Element kann verwendet werden, um Schaltflächen in HTML zu erstellen. Dann ist es relevant “BehinderteDas Attribut kann die Schaltfläche deaktiviert lassen.

Beispiel

Fügen Sie in HTML zwei Tasten -Tags hinzu, die dem zugeordnet sindKlasseAttribut und geben Sie die folgenden Klassen an:

• Der "BtnDie Klasse wird verwendet, um den Tasten allgemeine Stile hinzuzufügen.
• Der "Btn-lgDie Klasse erstellt einen großen Knopf.
• Der "BTN-SUCCESS”Erstellt eine Klasse mit einer grünen Farbe.
• Der "PX-4Die Klasse definiert die Polsterung in der X-Achse innerhalb der Klasse:

Taste
Taste

Es kann beobachtet werden, dass wir die zweite Schaltfläche unserer Webseite erfolgreich deaktiviert haben:

So deaktivieren Sie Schaltflächen mit in Bootstrap erstellt?

Die Schaltflächen, die mit dem erstellt werden"Tag werden mit der Klasse angegeben"Behinderte”. Insbesondere die “BehinderteDas Attribut funktioniert nicht darauf.

Beispiel

In diesem Beispiel das “href”Attribut in“Das Tag wird verwendet, um der Schaltfläche einen Link hinzuzufügen. Der Wert "#Wird zugewiesen, was einen Dummy -Link darstellt. Der "KlasseDas Attribut wird mit den Klassen angegeben, wie im obigen Beispiel erklärt:

klicken Sie hier
klicken Sie hier

Ausgang

So deaktivieren Sie Schaltflächen, die mit dem in Bootstrap erstellt wurden?

Die Button -Elemente, die mit dem erstellt werden"Tags können durch die Verwendung der" deaktiviert werdenBehinderte”Attribut.

Beispiel

Fügen Sie in der HTML -Datei die folgenden Codes hinzu, um Schaltflächen zu erstellen. Hinzufügen "”Element mit dem Attribut“Typ","Klasse", Und "Wert", Wo:

• Der "Typ”Attribut gibt den Elementtyp an.
• Der "WertDas Attribut legt den Text auf den Schaltflächen fest.
• Der "BehinderteDas Attribut wird in der ersten Taste angegeben, um in beiden Schaltflächen einen Unterschied zu machen:

Ausgang

Hier geht es darum, Tasten in Bootstrap zu deaktivieren.

Abschluss

Um die Tasten in Bootstrap zu deaktivieren, erstellen Sie zunächst eine Schaltfläche mit dem “Btn" Klasse. Geben Sie dann das an “Behinderte”Attribut im Start -Tag des Schaltflächenelements, um sie als unbrauchbar darzustellen. Dieses Attribut funktioniert jedoch nicht auf den mit dem erstellten Schaltflächen “Tag, sodass ihnen die Bootstrap -Klasse "Deaktiviert" zugewiesen wird. Dieser Artikel hat die Prozedur zum Deaktivieren von Tasten in Bootstrap veranschaulicht.