Input type radio код получение данных
Сегодня у нас на разборе тип radio, как обрабатывать и как работает кнопка radio – радиоточка в смысле кнопки radio.
Мы уже говорили о типах и формах, но подробно не останавливались на типе radio!Как обозначается тип radio?
Для обозначения кнопки радио и чтобы input превратился в кнопку, то нужно в input надо поставить тип : type="radio"
Код кнопки radio
Результат:
Как сделать кнопку радио обязательной для нажатия??
Атрибут - requiredКод кнопки radio с атрибутом required
Value в кнопке радио
Обязательное поле, как и тип – value.
Код кнопки radio
Как сделать переключение между кнопками radio
Для того, чтобы переключаться между кнопками ради – надо сделать несколько одинаковых полей, отличаться будет лишь тем, что будет содержаться в атрибуте
Код:
<form method="post">
<input type="radio" name="color" value="red" />Красный<br />
<input type="radio" name="color" value="green" />Зеленый<br />
<input type="radio" name="color" value="blue" />Синий<br />
<input type="submit" />
</form>
Результат:
Как получать данные из кнопки radio
Есть несколько вариантов получать данные из поля радио – например вот такой огромный код нашел в интернете, который я никогда не буду использовать!
Потому, что просто глупо столько кода на простую радиоточку, но он тоже имеет право на существование!
if( isset( $_POST['color'] ) )
{
switch( $_POST['color'] )
{
case 'red':
echo 'Красный';
break;
case 'green':
echo 'Зеленый';
break;
case 'blue':
echo 'Синий';
break;
}
}
Каким способом пользуюсь я для получения данных из input type="radio"
Это просто одна строчка… будет передаваться то значение, что у вас в value.
Попробуйте отправить данные...
Название скрипта и номер :Input radio - радиоточка
Пример - Input radio - радиоточка
Скачать - архив
Все скрипты на одной странице