Html кликабельный radio input

Заметка о том, как правильно сделать список радио-кнопок (выбор одной из нескольких в группе) таким образом, чтобы рядом был текст, при нажатии на который выделялась бы радио-кнопка. Как известно, тег

<input type="radio" /> 

не имеет закрывающего тега и внутри него ничего разместить нельзя.

Если сделать так:

<input type="radio" value="1" />Выбор 1<br />
<input type="radio" value="2" />Выбор 2<br />
<input type="radio" value="3" />Выбор 3<br />

То при нажатии на "Выбор 1" не произойдет активации кнопки с value="1".

Чтобы это произошло, необходимо воспользоваться конструкцией:

 <input type="radio" value="1" id="radio1" /><label for="radio1">Выбор 1</label><br />
<input type="radio" value="2" id="radio2" /><label for="radio2">Выбор 2</label><br />
<input type="radio" value="3" id="radio3" /><label for="radio3">Выбор 3</label><br />

Правильно с точки зрения синтаксиса и работает.

0 comments so far:

Отправить комментарий

  • HTML-теги запрещены
  • Строки и параграфы переносятся автоматически.

Подробнее о форматировании

Image CAPTCHA