Kuinka: Piilotettu valintaruutu HTML: ssä

Pysyäksesi tuottavana sinun on pysyttävä sitkeänä

Kuvan luotto: PeopleImages/E+/GettyImages

HTML-valintaruutu on verkkosivun elementti, jonka avulla voit valita useista vaihtoehdoista. Se esitetään yleensä avattavana valikona. On mahdollista piilottaa valintaruutu tai jokin muu web-sivuelementti käyttämällä HTML: ää tai tyylikieltä CSS. Muita vaihtoehtoja ovat elementtien ohjelmallinen piilottaminen JavaScriptin avulla tai piilotettujen syötteiden määrittäminen HTML: ään, jotka eivät useimmissa tapauksissa näy verkkosivulla.

Piilota valintaruutu asettamalla siihen tyylivaihtoehtoja HTML- ja CSS-koodien avulla, jotta se ei näy. Kaksi pääasiallista tapaa tehdä tämä käyttämällä elementin piilottamista CSS: llä ja HTML: llä ovat visibility style -attribuutti ja näyttötyyliattribuutti.

Päivän video

Kun määrität elementin näkyvyyden piilotetuksi, elementti ei näy verkkosivulla, mutta vie silti tilaa ikään kuin se olisi siellä. Oletusarvoisesti näkyvyys on "näkyvä" ja objekti näkyy normaalisti.

Jos haluat, että elementti ei vie tilaa sivulla, jolloin verkkosivusto hahmonnetaan ikään kuin elementtiä ei olisi ollenkaan HTML-koodissa, käytä sen sijaan display-attribuuttia. Aseta näyttö asetukseksi "ei mitään" tehdäksesi objektista näkymätön.

Tee tämä joko objektin style-attribuutilla, kuten. Piilotettuja syötteitä käytetään joskus käyttäjän syötteistä luotuihin lomakekenttiin tai satunnaistettuihin suojakoodeihin, joilla varmistetaan, että käyttäjä käyttää todellista versiota verkkosivustolta ladatusta lomakkeesta.

Koska käyttäjät pääsevät käsiksi piilotettujen syötteiden sisältöön JavaScriptin avulla, lukemalla sivun lähdekoodia tai valvomaan verkkoliikennettä, niitä ei tule käyttää tiedoissa, jotka on piilotettava päästä käyttäjiä.