Радиобаттон html: Переключатели | htmlbook.ru

Html radiobutton: несколько штук — Stack Overflow на русском

Вопрос задан

Изменён 9 лет 6 месяцев назад

Просмотрен 16k раз

У меня в одной форме 6 радиобутонов. Как их разделить чтобы при выборе можно выбрать 2 радио бутона. Кидать каждые 3 радио бутона в разные формы? Только так?

Как-то так:

<form name="myform" action="myformhandler.cgi" method="POST">
<input type="radio" name="group1" value="Milk"> Milk<br>
<input type="radio" name="group1" value="Butter" checked> Butter<br>
<input type="radio" name="group1" value="Cheese"> Cheese
<hr>
<input type="radio" name="group2" value="Water"> Water<br>
<input type="radio" name="group2" value="Beer"> Beer<br>
<input type="radio" name="group2" value="Wine" checked> Wine<br>
</form>

Иначе динамически распределить никак не получится, так как кнопка должна принадлежать предварительно обозначенной группе. Для произвольной выборки используйте чекбоксы — для этого они и предназначены.

Можно, — в зависимости от постановки задачи, — динамически рисовать элементы формы и присваивать нужную группу нужной радио-кнопке на момент отрисовки, чтобы разделить элементы по заданным группам, в которых выбор будет равняться только одному выбранному элементу, но это слишком нецелесообразно.

1

http://jsfiddle.net/U5sTz/

Смысл в том, что у кнопок одной группы должно быть одинаковое имя.

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Как настроить radiobutton в html?

Задать вопрос

Вопрос задан

Изменён 3 года 3 месяца назад

Просмотрен 134 раза

https://robocode. ucoz.net/index.html

Сейчас переход на страницу https://robocode.ucoz.net/table.html идет независимо от того, нажимает ли посетитель на radiobutton «Я ознакомлен(а) с условиями посещения данного сайта» и потом на Подписать или просто нажимает на Подписать.

Как сделать так, чтобы переход на https://robocode.ucoz.net/table.html был только после выбора radiobutton и нажатия на Подписать?

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>ПОДПИСКА о неразглашении сведений, составляющих государственную тайну
</title>
 </head>
 <body>
 	<p><img src="images/kpp.jpg" alt="Здесь должно быть фото КПП">
 	<img src="images/sovershenno_sekretno.jpg" alt="Здесь должно быть фото Совершенно секретно"></p>
  <h2 align="center">ПОДПИСКА о неразглашении сведений, составляющих государственную тайну</h2>
  <p><font size="2">г.
Лего-Сити</font></p> <p align="justify">Я, не имеющий соответствующего допуска к сведениям, составляющим государственную тайну, в соответствии с ст. 21 Федерального закона от 21.07.93 № 5485-1 «О государственной тайне» даю настоящую подписку в том, что я обязуюсь не разглашать сведения, составляющие государственную тайну, ставшие известными мне в связи с помещением сайта подготовки к городскому техническому конкурсу “Космос и мы” www.robocode.ucoz.net, в частности сведения о ракетах, спутниках, марсоходах и луноходах. Об уголовной ответственности по ст. 283 УК РФ за разглашение сведений, составляющих государственную тайну, ставшей мне известной в связи с помещением данного сайта я предупрежден. </p> <p><b>Для перехода на страницу конкурса подпишите документ</b></p> <p><input type="radio" value="Подписать">Я ознакомлен(а) с условиями посещения данного сайта</p> <form action="https://robocode.
ucoz.net/table.html" method="get"> <input type="submit" value="Подписать"></form> <p><img src="images/kosmodrom.jpg" alt="Здесь должно быть фото Космодром"></p> </form> </body> </html>
  • html
  • radiobutton

в этом случае у тебя есть несколько способов чтобы это осуществить первый способ это чтобы ты создала скрип когда открываешь HTML page он отображал Он каждый раз когда войдёт в твою страницу будет отображаться что он должен крикнуть потом продолжить работу Если ты хочешь чтобы каждого компьютера кликнули один раз тебе нужно попрощаться создать один cookies его компьютера чтобы он проверил если есть этот cookies файл просто пропустить его Если хочешь попросить каждый раз просто создавай страницу функцию который будет каждый раз открывается При запросе HTML page Index Page. Если хочешь, то я могу написать этот скрипт и отправить тебе.

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

тип ввода=радио – радиокнопка

ⓘ тип ввода=радио – радиокнопка # T

вход элемент с атрибутом типа, чей значение « радио » представляет выбор одного элемента из списка элементов (радио кнопка).

Допустимое содержимое #

пустой (пустой элемент)

Разрешенные атрибуты #

глобальные атрибуты & имя & неполноценный & форма & тип★ & проверено & ценить и автофокус и требуется

ⓘ глобальные атрибуты
Любые атрибуты, разрешенные глобально.
ⓘ имя = строка #
Часть имени пары имя/значение, связанная с этим элемент для отправки формы.
ⓘ отключен = «неполноценный» или «» (пустая строка) или пустая #
Указывает, что элемент представляет отключенный контроль.
attrs.form»> ⓘ форма = Идентификационная ссылка НОВЫЙ #
Значение идентификатор атрибут на форма с которым связать элемент.
тип = «радио» #
Указывает, что его вход элемент представляет выбор одного элемента из списка элементов.
ⓘ проверено = «проверено» или «» (пустая строка) или пусто #
Указывает, что элемент представляет выбранный контроль.
значение = строка #
Задает значение для вход элемент.
ⓘ автофокус = «автофокус» или «» (пустая строка) или пустая НОВЫЙ #
Указывает, что элемент представляет элемент управления, к которому UA предназначен для того, чтобы сосредоточить внимание, как только документ загружен.
ⓘ требуется = «необходимый» или «» (пустая строка) или пустая НОВЫЙ #
Указывает, что элемент является обязательной частью формы подчинение.

Дополнительные ограничения и предупреждения #

  • Ввод интерактивного элемента не должен появляются как потомки элемента a.
  • Ввод интерактивного элемента не должен отображаться как потомок элемента кнопки.
  • Любой элемент ввода, потомок элемента метки с атрибутом for должен иметь Значение идентификатора, которое соответствует этому атрибуту.
  • Атрибут списка элемента ввода должен ссылаться на элемент списка данных.
  • Ввод элемента с типом атрибута чье значение «кнопка» должно иметь непустое значение атрибута.
  • Атрибут usemap в элементе ввода устарел. Используйте элемент img вместо элемента ввода для карт изображений.
  • Атрибут align элемента ввода устарел. Вместо этого используйте CSS.

Отсутствие тега #

вход элемент является пустым элементом. Вход элемент должен иметь начальный тег но не должен иметь конечный тег.

Разрешенные родительские элементы #

любой элемент, который может содержать элементы фразировки

элемент ввода (тип=радио)

Если вы не знаете, что такое элемент или как вы должны его использовать, я рекомендую вам прочитать руководство « Теги и атрибуты HTML », которое вы можете найти в разделе руководств HTML .

Содержание

  • 01Описание
  • 02Примеры
  • 03Атрибуты
    • Специальные атрибуты
    • Глобальные атрибуты
  • 04События
    • Глобальные события

Описание

Элемент input , имеющий значение «радио» в атрибуте типа , представляет опцию, принадлежащую группе, в которой одновременно может быть выбрано не более одной опции. Эти группы обычно соответствуют нескольким переключателям, все из которых имеют одно и то же значение в имени 9.0006 атрибут.

В отличие от элементов управления флажками, атрибут value играет фундаментальную роль для переключателей. Когда форма отправлена, только выбранная опция отправляется вместе с формой обрабатывающему агенту, у которого нет другого способа решить, какая опция была выбрана, кроме просмотра значения отправленного элемента управления. Вот почему атрибут value каждой опции должен быть уникальным в группе.

Чтобы набор переключателей принадлежал одной группе, все они должны иметь одинаковое значение в имя атрибут.

Все переключатели в группе должны находиться в одном документе и принадлежать одной форме или вообще не принадлежать ни одному из элементов. Размещение переключателей в разных формах или документах нарушит их группировку.

Примеры

В нашем первом примере показан список основных параметров, в котором пользователь может отметить только один параметр. Чтобы это произошло, все переключатели в списке используют одно и то же значение в атрибутах name .

 

Текущее место работы:
Полная занятость
Неполный рабочий день
Не работает

Как вы могли заметить в предыдущем примере, текст рядом с каждым переключателем не реагирует на щелчки, как можно было бы ожидать. В следующем примере мы решим эту проблему, преобразовав этот обычный текст в метку для кнопки.

Для этого мы обернем текст и соответствующий ввод элементом label . Таким образом, мы свяжем радиокнопку со всем остальным внутри метки .

 
  

Текущее место работы:


В нашем третьем примере мы используем проверенный атрибут , чтобы указать браузеру, что он должен отметить переключатель как проверенный при загрузке страницы и при сбросе формы.

 
  

Выберите курс:


Наконец, мы попробуем обязательный атрибут . Когда этот логический атрибут присутствует в любой из переключателей определенной группы, браузер не разрешит отправку формы, пока не будет проверена одна из кнопок в группе.

Поддержка браузером атрибута required неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

 
  

Выберите область для работы:


Атрибуты

Специальные атрибуты

автофокус

Логическое значение, указывающее браузеру установить фокус на этот элемент управления после завершения загрузки документа или при отображении диалогового окна , в котором находится элемент управления. Если атрибут имеет значение «автофокус» или пустую строку («»), или если он просто присутствует, элемент управления должен получить фокус как можно скорее, после страницы или диалог загружен.

Пример

 

проверено

Логическое значение, указывающее, следует ли проверять элемент управления по умолчанию, то есть при загрузке страницы или при сбросе формы. Если атрибут принимает значение «checked» или пустую строку («»), или если он просто присутствует, элемент управления будет проверен по умолчанию.

Пример

 
  

Пол:

Пол:
Мужской
Женский

отключен

Логическое значение, указывающее, отключен элемент управления или нет. Если атрибут принимает значение «отключено» или пустую строку («»), или если он просто присутствует, элемент управления будет отключен.

Отключенные элементы управления отображаются серым цветом (если они видны), блокируются для взаимодействия с пользователем и, что более важно, их значения (если есть) не отправляются, когда 9Представлена ​​форма 0005 .

Пример

 
  

Выберите цвет для своего профиля:


форма

Значение атрибута id формы, с которой связан данный элемент управления.

Этот атрибут является новым в HTML 5 и помогает определить релевантность элементов управления во вложенных или удаленных формах.

Все радиокнопки в группе должны принадлежать одной форме или вообще не принадлежать ни одной форме. Размещение переключателей в разных формах или документах нарушит их группировку.

Пример

 <р>
  Доход:

Доход:
Менее 10 000 долларов США
Более 10 000 долларов США

имя

Имя элемента управления. Это имя будет отправлено браузером агенту обработки вместе с содержимым атрибута value . Оба атрибута вместе будут соответствовать паре имя-значение, которая будет использоваться для обработки данных формы.

В настоящее время значение является индексом , ранее использовавшимся особым образом некоторыми браузерами и включенным в Стандарт HTML не допускается в этом атрибуте.

Чтобы набор переключателей принадлежал одной группе, все они должны иметь одинаковое значение в атрибуте имя .

Пример

 
  

Работает как:

требуется

Логическое значение, указывающее, может ли пользователь не выбирать все параметры в группе. Если этот атрибут имеет значение «обязательный» или пустую строку («»), или если он просто присутствует, пользователь должен будет выбрать параметр в группе, чтобы иметь возможность отправить форму .

Если этот логический атрибут присутствует в любой из переключателей определенной группы, браузер не разрешит отправку формы, пока не будет проверена одна из кнопок в группе.

Поддержка браузером атрибута required неполная. Авторам, возможно, придется полагаться на сценарии для обеспечения этой функциональности в разных браузерах.

Пример

 
  

Путешествовать по:

тип

Значение, указывающее тип поля, которое представляет этот элемент. Возможны двадцать два значения (без учета регистра):

.
  • hidden: скрытый элемент управления, используемый для отправки информации на сервер, обычно управляемый сценариями.
  • текст: элемент управления, используемый для ввода однострочного фрагмента текста.
  • поиск: то же, что и текст, но для целей поиска.
  • тел: элемент управления, используемый для предоставления номера телефона.
  • URL-адрес
  • : текстовое поле, используемое для ввода единственного и абсолютного URL-адреса .
  • Электронная почта
  • : элемент управления, предназначенный для редактирования одного или нескольких адресов электронной почты.
  • пароль: текстовое поле для редактирования паролей, где символы представлены точками.
  • дата: элемент управления для ввода конкретной даты.
  • месяц: элемент управления для ввода определенного месяца.
  • неделя: элемент управления для ввода конкретной недели.
  • время: элемент управления для ввода определенного времени.
  • datetime-local: элемент управления для ввода конкретной локальной даты и времени.
  • число: элемент управления для ввода числа.
  • диапазон: элемент управления для ввода одного или двух чисел внутри диапазона.
  • цвет: элемент управления для ввода цвета.
  • флажок: элемент управления для ввода логического значения (истина/ложь).
  • Радио
  • : элемент управления, используемый для выбора одного варианта из многих.
  • Файл
  • : элемент управления, используемый для загрузки файлов на сервер.
  • submit: кнопка, используемая для отправки формы.
  • Изображение
  • : то же, что и submit, но с возможностью отображения в виде изображения вместо использования внешнего вида кнопки по умолчанию.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *