Riješeno: padajući izbornik u html-u

Glavni problem povezan s padajućim izbornikom u HTML-u jest to što ih može biti teško učiniti dostupnima osobama s invaliditetom. Padajući izbornici često su kodirani pomoću JavaScripta, što čitačima zaslona i drugim pomoćnim tehnologijama može biti teško protumačiti. Osim toga, ako padajući izbornik nije ispravno označen ili opisan, korisnici možda neće razumjeti za što se padajući izbornik koristi ili kako s njim komunicirati.

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

1. – Ovaj redak koda zatvara padajući izbornik i označava da su mu dodane sve opcije.

Što je padajući popis

Padajući popis u HTML-u vrsta je ulaznog elementa koji korisniku omogućuje odabir jedne opcije s popisa unaprijed definiranih opcija. Popis se pojavljuje kada korisnik klikne na padajuću strelicu pokraj polja za unos. Odabrana opcija se tada prikazuje u polju za unos. Padajući popisi često se koriste kada postoji više opcija koje je potrebno odabrati, kao što je odabir zemlje ili države s popisa.

Kako stvoriti padajući izbornik

Stvaranje padajućeg izbornika u HTML-u je relativno jednostavno. Evo koraka za izradu jednog:

1. Započnite stvaranjem a element, dodati an

3. Da bi jedna od opcija bila odabrana prema zadanim postavkama, dodajte odabrani atribut oznaci te opcije. Ovo će osigurati da se pojavi kao odabrano kada se stranica učita.

4. Na kraju dodajte oznaku za svoj padajući izbornik pomoću a

Povezani postovi:

Ostavite komentar