Uneori, atunci când așezați o pagină web, este necesar să ascundeți unele dintre elementele plasate în ea. De exemplu, dacă doriți ca vizitatorul să nu vadă butoanele de trimitere a formularului până când nu sunt completate toate câmpurile obligatorii. Sau dacă butonul nu este destinat să fie utilizat deloc de către vizitator, dar scriptul plasat pe această pagină ar trebui să „facă clic” pe el.
Instrucțiuni
Pasul 1
Utilizați proprietatea de afișare a Foi de stil în cascadă (CSS) pentru a dezactiva sau pentru a afișa elementele de pagină dorite. Conform standardelor internaționale, acestei proprietăți i se pot atribui mai mult de o duzină și jumătate de valori care specifică diferite metode de afișare. Cu toate acestea, doar patru sunt cross-browser (adică funcționează în toate browserele principale). Dintre aceste patru, există valoarea de care aveți nevoie, care vă permite să ascundeți elementul de pagină dorit.
Pasul 2
Creați setul necesar de reguli CSS. În forma sa cea mai simplă, poate arăta astfel: butonul {display: none;} În acest caz, pagina nu va afișa toate butoanele folosind eticheta …
Pasul 3
Adăugați o indicație la numele clasei în instrucțiuni dacă doriți să ascundeți doar un buton sau un anumit grup de butoane. De exemplu, denumiți o astfel de clasă HideBtns și adăugați acest nume la instrucțiunea CSS: button. HideBtns {display: none;} Adăugați atributul de clasă la butonul dorit în codul HTML al paginii și atribuiți-i valoarea HideBtns: hidden button
Pasul 4
Aplicați proprietatea de afișare cu valoarea none elementului părinte dacă doriți, de exemplu, să ascundeți nu numai butonul, ci și alte elemente ale formularului web. Formularul este considerat „părintele” tuturor elementelor plasate între etichete și. De exemplu:
Aici, un câmp de text și un buton pentru trimiterea valorii introduse sunt plasate în interiorul formularului. Formularul este atribuit unei clase numite HideForm, deci pentru a ascunde atât câmpul de intrare cât și butonul, trebuie să schimbați instrucțiunea CSS astfel: form. HideForm {display: none;}
Pasul 5
Plasați codul pregătit în exemplul de mai sus în antetul documentului web (între etichete și). Pentru a spune browserului vizitatorului că acesta este cod CSS, acesta trebuie să fie inclus între etichetele de stil HTML de deschidere și de închidere:
button. HideBtns {display: none;}
