ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Input type radio код получение данных

Сегодня у нас на разборе тип 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 - радиоточка
Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..
Теги:

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) https://dwweb.ru/ http://calc.dwweb.ru/ http://kod.dwweb.ru/ http://marrex.ru/ http://pro.dwweb.ru/ https://f0rlink.com/ https://comments.dwweb.ru youtube Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019