CSS Wyłącz przycisk

Projektując stronę internetową lub dynamiczną witrynę, możesz chcieć wyłączyć dowolną funkcję, ograniczając lub nie pozwalając użytkownikowi. Na przykład przycisk lub dowolne pole tekstowe są wyłączone zgodnie z wymogiem. W tym celu wykorzystywane są języki front-end. Obejmuje to zarówno tagi HTML, jak i CSS w tworzeniu i projektowaniu obiektów.

Arkusz stylów kaskadowych służy do dodawania specjalnych funkcji do zawartości tworzonej za pomocą tagów HTML. CSS jest również napisany w postaci tagów i można go zadeklarować na trzy sposoby. Zastosujemy podejście do stylu wewnętrznego. Tagi HTML są dość łatwe do wdrożenia wraz z CSS. Użytkownik musi być świadomy podstaw obu języków.

Implementacja przycisku Wyłącz

Najpierw używamy tagów HTML tylko do tworzenia przycisków. Po zrozumieniu tagów HTML dla tworzenia przycisku, łatwo będzie nam dodać CSS do przycisku.

Począwszy od tagów HTML, deklarujemy sekcję głowy. W sekcji Head deklarujemy tytuł strony, która pojawia się na zakładce przeglądarki. Następnie zamykamy tytuł i tag główny. Następnie deklarujemy znacznik ciała. Wewnątrz ciała używamy tagu div. Pojemnik, który jest używany do zawierania i wyrównania jego zawartości w określonym kształcie, jest znany jako kontener Div. W HTML istnieją wbudowane znaczniki dla kilku funkcji, które są wykorzystywane przy użyciu ich tagów otwierających i zamykania. Podobnie tag tworzy przycisk. Tworzymy dwa przyciski. Włączamy jeden przycisk i wyłączamy drugi. Odbywa się to po prostu przez dodanie słowa kluczowego „wyłączone” do przycisku. W ten sposób możemy włączyć lub wyłączyć działanie przycisku na stronie internetowej za pomocą prostych tagów HTML.

Nie wyłączone
Wyłączony

Ponieważ musimy utworzyć tylko dwa przyciski, zamknij wszystkie tagi, a następnie zapisać plik. Aby uruchomić utworzoną stronę internetową, otwórz plik w przeglądarce.

Po wykonaniu kodu zobaczymy, że tworzone są dwa przyciski. Jeden jest włączony, a drugi jest wyłączony. Przycisk i tekst na niepełnosprawnym przycisku są w jaśniejszym kolorze i wydaje się, że są rozmyte, dzięki czemu przycisk wygląda jak tekst w bloku. Oznacza to, że przycisk nie zadziała.

Wyłącz przycisk w CSS

Teraz używamy zarówno HTML, jak i CSS, aby wyłączyć określony przycisk. Część stworzenia DIV jest prawie taka sama, ale znaczniki CSS zostaną dodane do sekcji głównej, tworząc wewnętrzną stylistykę. Poniżej tagów tytułowych, wewnątrz sekcji głowy, otwórz tag stylu.