Kuinka luoda valintaruutu HTML-muodossa?

Kun selaat suosikkisivustojasi, valintaruudut tulevat näkyviin, kun sinun on valittava yksi vaihtoehto. Täällä näemme, kuinka luodaan valintaruutu HTML-muodossa.

Kun selaat suosikkisivustoasi, valintaruudut tulevat näkyviin, kun sinun on valittava yksi vaihtoehto monista käytettävissä olevista. Nämä valintaruudut luodaan erityisen tagin avulla. Tässä artikkelissa kerrotaan, miten HTML-valintaruutu luodaan ja valintaruutujen toiminta seuraavassa järjestyksessä:



Kuinka luoda valintaruutu HTML-muodossa?

Valintaruutu on lomake-elementti, jonka avulla voit valita useita vaihtoehtoja eri käytettävissä olevista vaihtoehdoista. Valintaruudut luodaan HTMLtagilla. Se voi olla sisäkkäin elementin sisällä tai ne voivat olla yksin. Ne voidaan myös liittää lomakkeeseen lomake-attribuutti tunnisteen.

Tässä on yksinkertainen esimerkki yksinkertaisen valintaruudun luomisesta:

Punainen Vihreä Sininen

Tuotos:

valintaruudun lähtö - valintaruutu html - edureka

Tarkastellaan toista esimerkkiä ja lisätään lähetyspainike, jotta valintaruudut voivat olla hyödyllisiä. Täällä voit myös sijoittaa valintaruudut elementtiin, joka määrittää sivun lomakkeen käsittelemiseksi.

Mikä on lempivärisi? Punainen Vihreä Sininen

Tulos:

Tuotos:

Valintaruutu vs radiopainikkeet

Radiopainikkeiden avulla käyttäjä voi valita vain yhden vaihtoehdon. Valintaruutujen avulla käyttäjä voi valita minkä tahansa määrän vaihtoehtoja. Otetaan esimerkki ja katsotaan, kuinka valintanapit ja valintaruudut toimivat:

hadoop admin vs hadoop kehittäjä
 

Valintaruudut

Mikä on lempivärisi? Punainen Vihreä Sininen

Radiopainikkeet

Valitse sukupuolesi? Mies Nainen Tuntematon

Tulos:

Tuotos:

Yllä olevasta esimerkistä näet, että voit valita niin monta valintaruutua kuin haluat. Se tekee valintaruudusta sopivan tilanteisiin, jolloin käyttäjän pitäisi pystyä valitsemaan useita vaihtoehtoja. Mutta jos yrität valita useamman kuin yhden valintanapin, edellinen valinta poistetaan. Tämä auttaa sinua pakottamaan käyttäjät valitsemaan vain yhden vaihtoehdon.

Valintaruudun poistaminen käytöstä HTML-muodossa

Voit poistaa valintaruudun käytöstä käyttämällä pois käytöstä -määritettä. Tämä voidaan tehdä yhdessä komentosarjan kanssa valintaruudun ottamiseksi käyttöön tai poistamiseksi käytöstä riippuen siitä, täyttyvätkö tietyt ehdot.

Otetaan esimerkki siitä, kuinka voimme poistaa valintaruudun käytöstä:

Punainen Vihreä Sininen

Tuotos:

Yllä olevassa esimerkissä olemme poistaneet punaisen värin käytöstä. Joten voit valita vihreän ja sinisen valintaruudusta, mutta et punaisen väriä.

Tämän avulla olemme päässeet artikkelimme loppuun. Toivon, että ymmärsit, kuinka HTML-valintaruudut toimivat ja miten niitä voidaan käyttää eri tavalla.

Nyt kun tiedät HTML-valintaruudusta, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.

Onko sinulla kysymys meille? Mainitse se HTML-valintaruudun kommenttiosassa ja palaamme sinuun.

java casting kaksinkertainen int