Si Të Fshehni Një Buton

Përmbajtje:

Si Të Fshehni Një Buton
Si Të Fshehni Një Buton

Video: Si Të Fshehni Një Buton

Video: Si Të Fshehni Një Buton
Video: Si te Fshehim nje Material ne Pc tone! 2024, Nëntor
Anonim

Ndonjëherë, kur vendosni një faqe në internet, është e nevojshme të fshihni disa nga elementet e vendosura në të. Për shembull, nëse doni që vizitori të mos shohë butonat e dorëzimit të formularit derisa të plotësohen të gjitha fushat e kërkuara. Ose nëse butoni nuk synon të përdoret fare nga vizitori, por skenari i vendosur në këtë faqe duhet ta "klikojë" atë.

Si të fshehni një buton
Si të fshehni një buton

Udhëzimet

Hapi 1

Përdorni vetinë e shfaqjes së Sheets Style Cascading (CSS) për të çaktivizuar ose ndezur shfaqjen e elementeve të dëshiruara të faqes. Sipas standardeve ndërkombëtare, kësaj prone mund t'i caktohen më shumë se një duzinë e gjysmë vlera që specifikojnë metoda të ndryshme të shfaqjes. Sidoqoftë, vetëm katër janë ndër-shfletues (d.m.th., punojnë në të gjithë shfletuesit kryesorë). Midis këtyre katërve, ekziston vlera e pakufizuar që ju nevojitet, e cila ju lejon të fshehni elementin e dëshiruar të faqes.

Hapi 2

Krijoni grupin e kërkuar të udhëzimeve të CSS. Në formën e tij më të thjeshtë, mund të duket kështu: butoni {display: none;} Në këtë rast, faqja nuk do të shfaqë të gjithë butonat duke përdorur etiketën.

Hapi 3

Shtoni një tregues në emrin e klasës në udhëzimet nëse doni të fshehni vetëm një buton ose një grup specifik të butonave. Për shembull, emëroni një klasë të tillë HideBtns dhe shtoni këtë emër në deklaratën CSS: butoni. HideBtns {shfaqje: asnjë;} Shtoni atributin e klasës në butonin e dëshiruar në kodin HTML të faqes dhe caktoni asaj vlerën HideBtns: butoni i fshehur

Hapi 4

Zbatoni vetinë e ekranit me vlerën askush në elementin mëmë nëse dëshironi, për shembull, të fshehni jo vetëm butonin, por edhe elementë të tjerë të formës së internetit. Forma konsiderohet "prindi" i të gjithë elementëve të vendosur midis etiketave dhe. Për shembull:

Këtu, një fushë teksti dhe një buton për dorëzimin e vlerës së futur vendosen brenda formularit. Forma i është caktuar një klase me emrin HideForm, kështu që për të fshehur si fushën e hyrjes ashtu edhe butonin, duhet të ndryshoni deklaratën CSS si kjo: form. HideForm {shfaqja: asnjë;}

Hapi 5

Vendosni kodin e përgatitur në shembullin e mësipërm në kokën e dokumentit në internet (midis etiketave dhe). Për t'i treguar shfletuesit të vizitorit se ky është kodi CSS, ai duhet të jetë i mbyllur midis etiketave të stilit HTML hapës dhe mbyllës:

butoni. HideBtns {shfaqja: asnjë;}

Recommended: