Radio которуучу

Radio которуучу HTML формасынын элементи болуп эсептелет, ал тегерек кнопочка түрүндө көрүнөт, аны белгилеп же белгилебей койсо болот.

Radio кнопочкасы input теги менен түзүлөт type атрибуту менен, анын мааниси radio болушу керек. Сырткы көрүнүшү:

Бир radio которуучу дээрлик эч качан өзү гана колдонулбайт, аларды группа катары колдонуу керек. Бул учурда группада которуучулардын бирөөсү гана белгилене алат. Которуучулар группаны түзө алышат эгерде алардын name атрибутунун мааниси бирдей болсо (төмөндөгү мисалдарды караңыз).

Мисал

Эки radio которуучу жасайлы: биринчисин белгилейли (checked атрибутун коёлу), ал эми экинчисин - белгилебейли. Бул учурда которуучулар группаны түзөт, анда алардын бири гана белгилене алат (анткени алардын name атрибутунун мааниси бирдей).

Бул radio кнопочкаларына value атрибутунун ар кандай маанилери берилгенине көңүл буруңуз. Бул форманын маалыматтары серверге жөнөтүлгөндө, PHP кайсы которуучу тандалганын аныктай алышы үчүн зарыл:

html<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">

Результат:

Мисал

Эми эки radio которуучу группасын жасайлы: биринчи группанын name атрибутунун мааниси бир болсун, ал эми экинчисинин - башка болсун. Аларды басып көрөлү, жана группалардын бири-бирине көзкарандысыз которуларын көрөбүз:

html<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">

<br>

<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">

Результат:

Ошондой эле караңыз

  • чекбокс,
    флажокту түзүү үчүн колдонулат
  • checked атрибуту,
    radio которуучуну белгиленген кылат
  • checked псевдоклассы,
    белгиленген radio үчүн стилдерди белгилейт
  • disabled атрибуту,
    форма элементтерин блоктойт
  • label теги,
    radio үчүн көрсөтмө берөт