html5: значение указанного атрибута обязательно для флажка / радио - PullRequest
Новая
       8

html5: значение указанного атрибута обязательно для флажка / радио

17 голосов
/ 04 февраля 2011

При отправке формы, как вы могли бы пометить флажок / radiobutton как требуется?

Источник вдохновения: Пекка х ответ на вопрос

Ответы [ 4 ]

23 голосов
/ 05 февраля 2011

Обязательные флажки не являются необычными. Практически каждая форма регистрации использует какую-либо форму флажка «Я прочитал и принимаю пользовательское соглашение».

Если у вас есть Opera, попробуйте код ниже. Форма не будет отправлена, если флажок не установлен. 

<!doctype html>
<html>

<head>
  <title>html5</title>
</head>

<body>
  <h1>html5 test</h1>
  <form action="/">
    <input type="checkbox" required="required" id="cb" name="cb">
    <label for="cb">required checkbox</label>
    <input type="submit">
  </form>
</body>

</html>
7 голосов
/ 07 декабря 2012

Я тестировал обязательный атрибут для кнопок радио сегодня на Firefox 17.0.1 на XP SP2.

Кажется, он соответствует спецификации обязательный атрибут для переключателей / групп. Как Firefox предлагает «Пожалуйста, выберите один из этих вариантов». для обоих приведенных ниже фрагментов кода:

Либо вы устанавливаете обязательный атрибут для каждой из переключателей 

<input type="radio" name="gender" value="male" required="required" />
<input type="radio" name="gender" value="female" required="required" />

Или любой из радиоэлементов 

<input type="radio" name="color" value="blue" />
<input type="radio" name="color" value="red" required="required" />
<input type="radio" name="color" value="green" />

Любые комментарии и обновления приветствуются.

7 голосов
/ 04 февраля 2011

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

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

В html5 есть обязательный атрибут для флажков.

Они как-то странные, поэтому позвольте мне процитировать кое-что, чтобы объяснить, как они работают.

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

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

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

0 голосов
/ 18 мая 2011

Я только что попробовал это на радио-кнопке в Firefox 4. Добавление required к одному радиовходу, а затем отправка перед его выбором вызывает подсказку «Пожалуйста, выберите один из этих вариантов».

например. это работает: 

<input type="radio" name="gender" value="m" required />
<input type="radio" name="gender" value="f" />
...