Скачать или смотреть 14 РАДИОКНОПКИ в HTML

Зарегистрировать домен
Webnames — http://bit.ly/2XKUDYS
------------------------------------
REG.RU промо код D3BC-6D9E-6549-357D — http://bit.ly/2QQyUO2
------------------------------------
ХОСТИНГ 1 месесяц в подарок — http://bit.ly/2OiiQTl
------------------------------------
Магазин шаблонов wpshop — http://bit.ly/2De10uD
------------------------------------
КУРСЫ АВТОРА
Хозяин времени — http://bit.ly/34eI9vb
Секреты продуктивной работы — http://bit.ly/37vveal
ТУРБИНА — http://bit.ly/2pT2TtA
------------------------------------
Следующий элемент который мы с вами должны научиться делать это радио-кнопки вот так они выглядят обычно не используется в целях задание вопроса внутри формы и соответственно через них мы можем предложить человеку варианта ответа при этом он может выбрать только один из этих вариантов обычно радио-кнопки взаимоисключают друг друга и так давайте приступим к их реализации перейдем в код давайте для радио-кнопки выделим отдельный абзац и попробуем создать сначала просто найдем кнопку без всяких опознавательных знаков для new она создается также с помощью тега им put только атрибут type здесь у нас будет видео также сдаем для радио-кнопки имя например time и мы должны еще указать значения для данные радио-кнопки то есть какое значение будет отослан а нашим обработчику в момент когда человек нажмет кнопку отправить если это радиокнопка будет активно это значение будет отправлен на обработку значение указывается в атрибуте воле и допустим здесь мы напишем есть потому что это радиокнопка у нас будет использоваться для положительного ответа вот если мы сейчас сохраним и посмотрим что у нас это дало мы увидим мы видим такую ситуацию вот у нас это радиокнопка появилась она даже нажимается единственный момент что у нас нет никакого вопроса для этой радио-кнопки и нет варианта ответа за которой она отвечает поэтому давайте начала создадим вариант ответа для этого нам понадобится так лейбл меткам для этой радио-кнопки из человек сможет нажать сразу по варианту ответа и это радиокнопка активируется автоматически поставим например да и и закроем этот лейбл у нас появился вариант ответа изначально у нас ради кнопка не активна если я щелкаю по слову да она становится активный так и теперь создадим ей противоположную кнопку с ответом нет например на как это делается делается это очень просто мы прям копируем этот лейбл вставляем дальше меняем дано нет и меняем значение ясно но при этом имя обратите внимание мы должны оставить то же самое это скажем браузеру о том что эти радио-кнопки принадлежат к единой группе и что они взаимоисключающие друг друга сохраним проверим вот у нас появился ответ нет если я щелкаю в него у меня с до перепрыгивать на нет да то есть они взаимоисключают друг друга и происходит именно потому что у них одинаковые имена если мы здесь поставили например другое имя мы такой картины уже бы не получили я мог бы выбрать теперь обе кнопки но естественно такого быть не может поэтому когда вы делаете несколько радио кнопок которые должны друг другу за им исключать вы должны давать им одно имя соответственно затем когда будет нажата кнопка отправить после заполнения формы это и имя с тем значением которые была активна но или есть мой петли на уже обработчику где мы сможем с ним работать вот по такой логике это все работает и теперь нам осталось только задать сам вопрос после открытия абзаца спросим человека любит ли он экономить время сохраним посмотрим что это намного у нас появился вопрос с двумя вариантами ответа да или нет в принципе можно вынести наша радио-кнопки даже на следующем строку если это вам кажется логичным можем отсюда вырезать оставить здесь только вопрос у нас на крыше строке создать абзац конкретно уже под радио-кнопки можно такой вариант использовать да нет и еще один момент который может вам пригодится это автоматическая активация какой-то из кнопок изначально потому что смотрите если мы заходим на страницу у нас к обе кнопки неактивны возможно вы захотите чтобы изначально какая-то кнопка было уже отмечено для этого есть специальный атрибут который можно добавить к нужной кнопки она будет активна изначально он называется checked не пишется таким образом checked можно перевести как отмеченный включенный поэтому та кнопка которая должна быть изначально включена вы можете или писать вот такой атрибут причем это атрибут достаточно необычный ему даже не нужно указывать никакого значения особенно версии html что мы используем именно html здесь значение можно не указывать когда мы дойдем до xhtml там мы поговорим о том как нужно указывать значение для этого атрибута обновляем даже не обновляем а нужно прям принудительно ему нажатием здесь enter чтобы он брал не спеша страница заново ее загрузил и видим то что у нас изначально активен пункт да на этом по радио кнопка мы заканчиваем разговор и в следующем уроке уже продолжим за другим элементам.