Pole wejściowe służy do tworzenia formularzy i przyjmowania danych wejściowych od użytkownika. Użytkownicy mogą wypełnić pole wejściowe zgodnie z typem wejściowym. Ale czasami musisz wyłączyć pole wejściowe, aby spełnić dowolny warunki wstępne, takie jak wybór pola wyboru. W tej sytuacji musisz wyłączyć pole wejściowe.

W tym przewodniku zrozumiemy, jak wyłączyć pole wejściowe za pomocą CSS. Więc zacznijmy!

Jak wyłączyć pole wejściowe za pomocą CSS?

W CSS zdarzenia są wyłączone przy użyciu „Wskaźniki" nieruchomość. Po pierwsze, dowiedz się o właściwości wskaźników.

Czym jest właściwość CSS „Wskaźnik”?

„„Wskaźniki„Kontroluj, w jaki sposób elementy HTML reagują lub zachowują się na zdarzenie dotykowe, takie jak zdarzenia kliknięcia lub stukania, stany aktywne lub zawieszone, oraz czy kursor jest widoczny, czy nie.

Składnia
Składnia zdarzeń wskaźników jest podana w następujący sposób:

Wskaźniki: Auto | Brak;

Powyższa właściwość wymaga dwóch wartości, takich jak „automatyczny" I "nic”:

• automatyczny: Służy do wykonywania domyślnych zdarzeń.
• nic: Jest wykorzystywany do wyłączania zdarzeń.

Udaj się w kierunku podanego przykładu.

Przykład 1: Dodanie pola wejściowego za pomocą CSS

W tym przykładzie najpierw utworzymy do niego pole Div i dodamy pole nagłówkowe i wejściowe. Następnie ustaw typ wejściowy jako „tekst”I ustaw swoją wartość jako„Wpisz swoje imię".

Html

Wyłącz pole wejściowe

Następnie przejdź do CSS i ukształtuj div, ustawiając jego kolor tła jako „RGB (184, 146, 99)”I wysokość jako„150px".

CSS

div
kolor tła: RGB (184, 146, 99);
Wysokość: 150px;

Wyjście wyżej opisanego kodu podano poniżej. Tutaj widzimy, że nasze pole wejściowe jest obecnie aktywne i przyjmuje dane wejściowe od użytkownika:

Teraz przejdź do następnej części, w której używamy wartości „Wskaźniki„Nieruchomość jako„nic".

Przykład 2: Wyłączenie pola wejściowego za pomocą CSS

Będziemy teraz używać „wejście”Aby uzyskać dostęp do elementu dodanego w pliku HTML i ustaw wartość zdarzeń wskaźników jako„nic”:

wejście
Wskaźniki: Brak;

Po wdrożeniu wyżej wymienionej nieruchomości „Wskaźniki" z "nic„Wartość, tekst pola wejściowego nie będzie edytna, co wskazuje, że nasze pole wejściowe jest wyłączone:

Otóż ​​to! Wyjaśniliśmy metodę wyłączenia pola wejściowego za pomocą CSS.

Wniosek

Aby wyłączyć pole wejściowe w HTML, „Wskaźniki„Zastosowana jest właściwość CSS. Aby to zrobić, dodaj pole wejściowe i ustaw wartość zdarzeń wskaźników jako „nic„Aby wyłączyć pole wejściowe. W tym przewodniku wyjaśniamy metodę wyłączenia pola wejściowego za pomocą CSS i podajemy jej przykład.