Bootstrap Wyłączone pola wprowadzania tekstu

W bootstrapie różne klasy są wykorzystywane do efektywnego tworzenia formy. Zajęcia te dostarczają licznych właściwości stylizacji elementów, które obejmują „Kontrola formy”,„grupa formularzy”,„-kadr-kres", i wiele więcej. Mówiąc dokładniej, pola wejściowe formularza to pola wprowadzania tekstu używane do zbierania informacji od użytkowników. Możemy jednak wyłączyć pole wejściowe, wykorzystując „wyłączony”Klasa lub atrybut.

Ten zapis obejmie następujące tematy:

• Jak wyłączyć pole wprowadzania tekstu?
• Jak wyłączyć opcję Wybierz pole?
• Jak wyłączyć element wejściowy pola wyboru?
• Jak wyłączyć element wejściowy przycisku?

Warunek: Utwórz formularz

Najpierw utwórz formularz, wykorzystując HTML „" element:

Następnie dodaj „”Element i przypisz go klasa„Kol-12". W elemencie określ podpis formularza:

Formularz rejestracyjny studentów

Wyjście

Jak wyłączyć pole wprowadzania tekstu?

Aby uzyskać bieżący przykład, postępuj zgodnie z podanymi instrukcjami:

• W środku "”Element, po elemencie legendy, dodaj tag i przypisz go klasę„grupa formularzy".
• Następnie uwzględnij „" I "”Elementy odpowiednio dla pól podpisu i wejściowych. Przypisz element wejściowy klasa „Kontrola formy".
• Następnie przeznacz „wyłączony„Atrybut, aby po pole wejściowe wyłączone:

Wpisz swoje imię

Poniżej znajduje się wyjaśnienie wspomnianych powyżej:

• "grupa formularzy”To elastyczna klasa, która stanowi najprostszy sposób uwzględnienia struktury w formach.
• "Kontrola formy”Automatycznie dodaje stylizację do elementów formularza.

Wyjście

Dodaj inne pole wejściowe bez „wyłączony" atrybut:

Wprowadź imię swojego ojca

Można zauważyć, że pierwsze pole wejściowe jest wyłączone, a drugi jest włączony:

Jak wyłączyć opcję wyboru pola?

Aby utworzyć pole wyboru w formularzu, użyj HTML „" element. „„„Następnie dodawane są elementy do wybranych elementów pudełka.

W tym przykładzie zauważ, że druga opcja jest ustawiona jako wyłączona za pomocą „wyłączony" atrybut:

Wyłączone pole wyboru

wybierać
Wybierz Wybór
Menu

Wyjście

Jak wyłączyć element wejściowy pola wyboru?

Zróbmy kolejny formularz kontrolny. Aby wyłączyć pole wyboru, „wyłączony„Atrybut jest określony w następujący sposób:

Nie możesz tego sprawdzić

Wyjście

Jak wyłączyć element wejściowy przycisku?

Możesz także dodać element przycisku HTML do przesyłania formularza. Teraz dajmy wyłączenie tego przycisku, wykorzystując „wyłączony" klasa:

Składać

Wyjście

Chodziło o to, aby pola wejściowe wyłączone w bootstrap.

Wniosek

W bootstrapu elementy sterujące formularze można wyłączyć za pomocą „wyłączony„Atrybut lub klasa. Atrybut jest umieszczony wewnątrz znacznika początkowego elementu. Z drugiej strony „wyłączony„Klasa jest umieszczana w„ ”klasa" atrybut. W tym artykule przedstawiono przykłady ilustrujące, jak wyłączyć sterowanie formularzem w bootstrapie.