Kuidas: peidetud valikukast HTML-is

click fraud protection
Tootlikkuse säilitamiseks peate jääma järjekindlaks

Pildi krediit: PeopleImages/E+/GettyImages

HTML-i valikukast on veebilehe element, mis võimaldab teil valida paljude valikute hulgast. Tavaliselt kuvatakse see rippmenüüna. Valikukasti või mõnda muud veebilehe elementi on võimalik peita HTML-i või stiilikeele CSS abil. Muud võimalused hõlmavad elementide programmilist peitmist JavaScripti abil või HTML-i peidetud sisendite seadistamist, mida enamikul juhtudel veebilehel ei kuvata.

Peitke valikukast, lisades sellele stiilivalikud, kasutades HTML-i ja CSS-i, et muuta see nähtamatuks. Kaks peamist viisi, kuidas seda teha, kasutades elemendi peitmiseks CSS-i ja HTML-i, on nähtavuse stiili atribuut ja kuvamisstiili atribuut.

Päeva video

Kui seate elemendi nähtavuse olekuks peidetud, ei kuvata elementi veebilehel, kuid võtab siiski ruumi, nagu see oleks seal. Vaikimisi on nähtavus seatud väärtusele "nähtav" ja objekt kuvatakse tavapäraselt.

Kui eelistate, et element ei võtaks lehel ruumi, nii et veebisait renderdatakse nii, nagu poleks elementi üldse HTML-koodis, kasutage selle asemel kuvaatribuuti. Objekti nähtamatuks muutmiseks määrake kuva olekuks "puudub".

Tehke seda kas objekti stiiliatribuudis, näiteks. Varjatud sisendeid kasutatakse mõnikord kasutaja sisendi põhjal genereeritud vormiväljade või juhuslike turvakoodide jaoks, mida kasutatakse kontrollimaks, kas kasutaja kasutab veebisaidilt alla laaditud vormi tegelikku versiooni.

Kuna kasutajad pääsevad peidetud sisendite sisule juurde JavaScripti abil, lugedes lehe lähtekoodi või võrguliikluse jälgimiseks, ei tohiks neid kasutada teabe jaoks, mida tuleb otsast varjata kasutajad.