DWWEB.RU

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 - радиоточка
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:

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