Atrisināts: nolaižamā izvēlne html

Galvenā problēma, kas saistīta ar HTML nolaižamo izvēlni, ir tā, ka var būt grūti padarīt tos pieejamus cilvēkiem ar invaliditāti. Nolaižamās izvēlnes bieži tiek kodētas, izmantojot JavaScript, ko ekrāna lasītājiem un citām palīgtehnoloģijām var būt grūti interpretēt. Turklāt, ja nolaižamā izvēlne nav pareizi marķēta vai aprakstīta, lietotāji var nesaprast, kam šī nolaižamā izvēlne tiek izmantota vai kā ar to mijiedarboties.

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

1. – Šī koda rindiņa izveido nolaižamo izvēlni. 2.Volvo– Šī koda rinda nolaižamajā izvēlnē izveido opciju ar vērtību “volvo”. 3.Saab– Šī koda rindiņa nolaižamajā izvēlnē izveido opciju ar vērtību “saab”. 4.Mercedes– Šī koda rindiņa nolaižamajā izvēlnē izveido opciju ar vērtību “mercedes”. 5.Audi– Šī koda rinda nolaižamajā izvēlnē izveido opciju ar vērtību “audi”. 6. – Šī koda rinda aizver nolaižamo izvēlni un norāda, ka tai ir pievienotas visas opcijas.

Kas ir nolaižamais saraksts

HTML nolaižamais saraksts ir ievades elementa veids, kas ļauj lietotājam atlasīt vienu opciju no iepriekš definētu opciju saraksta. Saraksts tiek parādīts, kad lietotājs noklikšķina uz nolaižamās bultiņas blakus ievades laukam. Pēc tam izvēlētā opcija tiek parādīta ievades laukā. Nolaižamie saraksti bieži tiek izmantoti, ja ir jāizvēlas vairākas opcijas, piemēram, no saraksta jāatlasa valsts vai valsts.

Kā izveidot nolaižamo izvēlni

Nolaižamās izvēlnes izveide HTML ir salīdzinoši vienkārša. Lai to izveidotu, veiciet tālāk norādītās darbības.

1. Sāciet, izveidojot a elementu, kurā būs visas nolaižamās izvēlnes opcijas. 2. Iekšpusē elementu, pievienojiet an elementu katram jūsu izvēlnes vienumam. Katrā opcijā noteikti iekļaujiet vērtības atribūtu, jo tas tiks izmantots, lai noteiktu, kura opcija ir atlasīta, iesniedzot veidlapu.

3. Lai kādu no opcijām atlasītu pēc noklusējuma, pievienojiet atlasīto atribūtu šīs opcijas tagam. Tas nodrošinās, ka lapa tiek ielādēta kā atlasīta.

4. Visbeidzot pievienojiet iezīmi savai nolaižamajai izvēlnei, izmantojot a tagu ar saistītu atribūtu “for”, kas norāda uz atlasītā elementa ID vērtību (tam ir jāatbilst tam, ko iestatījāt 1. darbībā).