Czasami przy tworzeniu strony internetowej konieczne jest ukrycie niektórych z umieszczonych na niej elementów. Na przykład, jeśli chcesz, aby odwiedzający nie widział przycisków przesyłania formularza, dopóki wszystkie wymagane pola nie zostaną wypełnione. Lub jeśli przycisk w ogóle nie jest przeznaczony do użycia przez odwiedzającego, ale skrypt umieszczony na tej stronie powinien go „kliknąć”.
Instrukcje
Krok 1
Użyj właściwości wyświetlania kaskadowych arkuszy stylów (CSS), aby wyłączyć lub włączyć wyświetlanie żądanych elementów strony. Zgodnie z międzynarodowymi standardami tej właściwości można przypisać ponad półtora tuzina wartości, które określają różne metody wyświetlania. Jednak tylko cztery są dostępne w różnych przeglądarkach (tj. działają we wszystkich głównych przeglądarkach). Wśród tych czterech znajduje się wartość none, której potrzebujesz, co pozwala ukryć żądany element strony.
Krok 2
Utwórz wymagany zestaw wytycznych CSS. W najprostszej postaci może to wyglądać tak: button {display: none;} W tym przypadku strona nie wyświetli wszystkich przycisków używając tagu….
Krok 3
Dodaj wskazówkę do nazwy klasy w instrukcjach, jeśli chcesz ukryć tylko jeden przycisk lub określoną grupę przycisków. Na przykład nazwij taką klasę HideBtns i dodaj tę nazwę do instrukcji CSS: button. HideBtns {display: none;} Dodaj atrybut class do żądanego przycisku w kodzie HTML strony i przypisz mu wartość HideBtns: hidden button
Krok 4
Zastosuj właściwość display z wartością none do elementu nadrzędnego, jeśli chcesz na przykład ukryć nie tylko przycisk, ale także inne elementy formularza internetowego. Formularz jest uważany za „rodzica” wszystkich elementów umieszczonych między znacznikami i. Na przykład:
W tym miejscu wewnątrz formularza znajduje się pole tekstowe oraz przycisk do przesłania wprowadzonej wartości. Formularz jest przypisany do klasy o nazwie HideForm, więc aby ukryć zarówno pole wejściowe, jak i przycisk, musisz zmienić instrukcję CSS w następujący sposób: form. HideForm {display: none;}
Krok 5
Tak przygotowany kod umieść w powyższym przykładzie w nagłówku dokumentu internetowego (pomiędzy tagami i). Aby poinformować przeglądarkę odwiedzającego, że jest to kod CSS, musi on znajdować się między otwierającym i zamykającym tagiem stylu HTML:
button. HideBtns {wyświetlanie: brak;}
