Kaip: Paslėptas pasirinkimo laukelis HTML

Norėdami išlikti produktyvūs, turite išlikti atkaklūs

Vaizdo kreditas: PeopleImages/E+/GettyImages

HTML pasirinkimo laukelis yra tinklalapio elementas, leidžiantis pasirinkti iš daugybės parinkčių. Paprastai jis pateikiamas kaip išskleidžiamasis meniu. Galima paslėpti pasirinkimo laukelį ar kitą tinklalapio elementą naudojant HTML arba stiliaus kalbą CSS. Kitos parinktys apima programinį elementų slėpimą naudojant „JavaScript“ arba paslėptų įvesties HTML nustatymą, kuri daugeliu atvejų nerodoma tinklalapyje.

Paslėpkite pasirinkimo laukelį įtraukdami į jį stiliaus parinktis naudodami HTML ir CSS, kad jis būtų nematomas. Du pagrindiniai būdai, kaip tai padaryti naudojant CSS ir HTML elementui paslėpti, yra matomumo stiliaus atributas ir rodymo stiliaus atributas.

Dienos vaizdo įrašas

Kai nustatote elemento matomumą kaip paslėptą, elementas nerodomas tinklalapyje, bet vis tiek užima vietos, tarsi jis būtų ten. Pagal numatytuosius nustatymus matomumas nustatytas į „matomas“, o objektas rodomas įprastai.

Jei norite, kad elementas neužimtų jokios vietos puslapyje, kad svetainė būtų pateikiama taip, tarsi elemento iš viso nebūtų HTML kode, naudokite rodymo atributą. Nustatykite ekraną į „nėra“, kad objektas būtų nematomas.

Atlikite tai naudodami objekto stiliaus atributą, pvz.,. Paslėptos įvestys kartais naudojamos formų laukams, sugeneruotiems iš vartotojo įvesties, arba atsitiktiniams saugos kodams, naudojamiems patikrinti, ar vartotojas naudoja tikrąją iš svetainės atsisiųstos formos versiją.

Kadangi vartotojai gali pasiekti paslėptų įvesties turinį naudodami JavaScript, skaitydami puslapio šaltinio kodą arba stebėti tinklo srautą, jie neturėtų būti naudojami informacijai, kuri turi būti paslėpta vartotojų.