| | | | | |
Input type radio код получение данных
2019/02/04
Марат
239
0
HTML | FORM |
Сегодня у нас на разборе тип radio, как обрабатывать и как работает кнопка radio – радиоточка в смысле кнопки radio.
Мы уже говорили о
типах и
формах, но подробно не останавливались на типе radio!
Как обозначается тип radio?
Для обозначения кнопки радио и чтобы input превратился в кнопку, то нужно в input надо поставить тип : type="radio"
Код кнопки radio
<input type="radio"
Результат:
Как сделать кнопку радио обязательной для нажатия??
Атрибут -
required
Код кнопки radio с атрибутом required
<input type="radio" required=""
Value в кнопке радио
Обязательное поле, как и тип – value.
Код кнопки radio
<input type="radio" name="color" value="red" />Красный<br />
Как сделать переключение между кнопками 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
Есть несколько вариантов получать данные из поля радио – например вот такой огромный код нашел в интернете, который я никогда не буду использовать!
Потому, что просто глупо столько кода на простую радиоточку, но он тоже имеет право на существование!
1.
if( isset( $_POST['color'] ) )
{
switch( $_POST['color'] )
{
case 'red':
echo 'Красный';
break;
case 'green':
echo 'Зеленый';
break;
case 'blue':
echo 'Синий';
break;
}
}
2.
Каким способом пользуюсь я для получения данных из input type="radio"
Это просто одна строчка… будет передаваться то значение, что у вас в value.
if( $_POST['color_1'] ) { echo $_POST['color_1'];}
Попробуйте отправить данные...
Посмотреть пример и скачать можно по ниже идущей ссылке
Скрипт № 64.3
Название скрипта и номер :Input radio - радиоточка
Пример -
Input radio - радиоточкаСкачать -
архив
Все скрипты на
одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:
