Datryswyd: cwymplen mewn html

Y brif broblem sy'n gysylltiedig â'r gwymplen yn HTML yw y gall fod yn anodd eu gwneud yn hygyrch i bobl ag anableddau. Mae cwymplenni yn aml yn cael eu codio gan ddefnyddio JavaScript, a all fod yn anodd i ddarllenwyr sgrin a thechnolegau cynorthwyol eraill eu dehongli. Yn ogystal, os nad yw'r gwymplen wedi'i labelu neu ei disgrifio'n gywir, efallai na fydd defnyddwyr yn deall ar gyfer beth y defnyddir y gwymplen na sut i ryngweithio ag ef.

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

1. - Mae'r llinell hon o god yn creu cwymplen. 2 .Volvo- Mae'r llinell hon o god yn creu opsiwn yn y gwymplen gyda'r gwerth “volvo”. 3.Saab- Mae'r llinell hon o god yn creu opsiwn yn y gwymplen gyda'r gwerth “saab”. 4.Mercedes- Mae'r llinell hon o god yn creu opsiwn yn y gwymplen gyda'r gwerth “mercedes”. 5.Audi- Mae'r llinell hon o god yn creu opsiwn yn y gwymplen gyda'r gwerth “audi”. 6. - Mae'r llinell hon o god yn cau'r gwymplen ac yn nodi bod yr holl opsiynau wedi'u hychwanegu ati.

Beth yw cwymplen

Mae cwymplen yn HTML yn fath o elfen fewnbwn sy'n caniatáu i'r defnyddiwr ddewis un opsiwn o restr o opsiynau wedi'u diffinio ymlaen llaw. Mae'r rhestr yn ymddangos pan fydd y defnyddiwr yn clicio ar y gwymplen wrth ymyl y maes mewnbwn. Yna bydd yr opsiwn a ddewiswyd yn cael ei arddangos yn y maes mewnbwn. Defnyddir rhestrau cwymplen yn aml pan fo sawl opsiwn y mae angen dewis ohonynt, megis dewis gwlad neu dalaith o restr.

Sut i Greu Dewislen Cwymp

Mae creu cwymplen yn HTML yn gymharol hawdd. Dyma'r camau i greu un:

1. Dechreuwch trwy greu a elfen, a fydd yn cynnwys yr holl opsiynau ar gyfer eich gwymplen. 2. Y tu mewn i'r elfen, ychwaneger an elfen ar gyfer pob eitem yn eich dewislen. Gwnewch yn siŵr eich bod yn cynnwys priodoledd gwerth gyda phob opsiwn, gan y bydd hwn yn cael ei ddefnyddio i benderfynu pa opsiwn a ddewisir pan gyflwynir y ffurflen.

3. I wneud un o'r opsiynau a ddewiswyd yn ddiofyn, ychwanegwch y priodoledd a ddewiswyd i dag yr opsiwn hwnnw. Bydd hyn yn sicrhau ei fod yn ymddangos fel y'i dewiswyd pan fydd y dudalen yn llwytho.

4. Yn olaf, ychwanegwch label ar gyfer eich cwymplen gan ddefnyddio a tag gyda phriodoledd “for” cysylltiedig sy'n pwyntio at werth ID eich elfen ddethol (dylai hyn gyd-fynd â'r hyn a osodwyd gennych yng ngham 1).