Самоучитель по HTML, переключатели в формах.

Продолжим наше обучение, в этом уроке мы познакомимся с переключателями для ХТМЛ-форм.
Переключатели:
В отличии от кнопок можно выбрать только один пункт.
<input type="radio" name="opros1" value="1"> вариант 1
<input type="radio" name="opros1" value="2"> вариант 2
<input type="radio" name="opros1" value="3"> вариант 3

Обратите внимание: а здесь на оборот имена одинаковые, а значение разные, и это не ошибка. Требования к значениями как и в кнопках.
Я сказал что можно выбрать только один пункт, а если нужно сделать несколько блоков?, тогда вкладываем в таблицы каждый блок, Вот так:
    <html>
    <head>
    <title>блоки кнопок</title>
    </head>
    <body>
    <form>
    <table border="1">
    <tr>
    <td>
    Ваш возраст:
    <input type="radio" name="opros1"  value="1"> до 18
    <input type="radio" name="opros1"  value="2"> 18-35
    <input type="radio" name="opros1"  value="3"> более 35
    </td>
    </tr>
    </table>
    <table border="1">
    <tr>
    <td>
    Ваш пол:
    <input type="radio" name="opros2"  value="1"> мужской
    <input type="radio" name="opros2"  value="2"> женский
    <input type="radio" name="opros2"  value="3"> Секрет
    </td>
    </tr>
    </table>
    </form>
    </body>
    </html>
Ваш возраст: до 18 18-35 более 35
Ваш пол: мужской женский Секрет

Я не задавался целью демонстрировать красоту, а только убедить вас, что все работает.
Перейти к выбору следующей страницы