Soms, wanneer u 'n webblad opstel, is dit nodig om sommige elemente wat daarin geplaas word, weg te steek. As u byvoorbeeld wil hê die besoeker moet nie die vormknoppies sien voordat alle vereiste velde ingevul is nie. Of as die knoppie glad nie bedoel is om deur die besoeker te gebruik nie, maar die skrif op hierdie bladsy moet daarop klik.
Instruksies
Stap 1
Gebruik die vertoon-eienskap van die Cascading Style Sheets (CSS) om die gewenste bladsy-elemente uit of uit te skakel. Volgens internasionale standaarde kan hierdie eiendom meer as een en 'n half dosyn waardes toegeken word wat verskillende vertoonmetodes spesifiseer. Slegs vier is egter 'n webblaaier (dit wil sê in alle groot blaaiers). Onder hierdie vier is daar geen waarde wat u benodig nie, waarmee u die gewenste bladsy-element kan verberg.
Stap 2
Skep die vereiste stel CSS-riglyne. In sy eenvoudigste vorm kan dit so lyk: knoppie {display: none;} In hierdie geval sal die bladsy nie alle knoppies vertoon met die … tag nie.
Stap 3
Voeg 'n aanduiding by die klasnaam in die instruksies as u slegs een knoppie of 'n spesifieke groep knoppies wil versteek. Noem byvoorbeeld so 'n klas HideBtns en voeg hierdie naam by die CSS-verklaring: knoppie. HideBtns {display: none;} Voeg die klaskenmerk by die gewenste knoppie in die HTML-kode van die bladsy en ken die waarde HideBtns: verborge knoppie toe.
Stap 4
Pas die vertoningseienskap met die waarde geen op die ouerelement toe as u nie net die knoppie wil verberg nie, maar ook ander elemente van die webvorm. Die vorm word beskou as die "ouer" van alle elemente wat tussen die etikette en geplaas word. Byvoorbeeld:
Hier word 'n teksveld en 'n knoppie vir die indiening van die ingevoerde waarde in die vorm geplaas. Die vorm word toegeken aan 'n klas met die naam HideForm, dus om die invoerveld en die knoppie te verberg, moet u die CSS-stelling soos volg verander: vorm. HideForm {display: none;}
Stap 5
Plaas die voorbereide kode in die voorbeeld hierbo in die opskrif van die webdokument (tussen die tags en). Om die blaaier van die besoeker te vertel dat dit CSS-kode is, moet dit tussen die aanvangs- en afsluitende HTML-stylmerkers ingesluit wees:
knoppie. HideBtns {vertoon: geen;}
