Тег selector в html, примеры, использование

Поддержи проект!!!

О теге selector в html:

1. Использование selector
2. Использование selector и post
3. Скачать можно здесь

Скопировать ссылку



Использование selector

Как уже было сказано выше selector - это двойной тег.


Первый "<selector>" - открывающий,

второй "</selector>".

Использование selector

Selector используется в связке с другим двойным тегом "option"


Пример selector-а html

Приведем пример простого selector-а html :
HTML :

<select>

<option></option>

<option>Значение select 1</option>

<option>Значение select 2</option>

<option>Значение select 3</option>

</select>

Результат: Значение select 1 Значение select 2 Значение select 3

Либо пример selector-а с подсказкой:

Выберите 1 2 3
См. подробнее о подсказках в selector-е

Скопировать ссылку



Использование selector и post

Тег selector-а используется не просто так, а для того, чтобы отправить какие-то данные!


Оборачиваем тег selector в тег form Добавляем post

Добавляем select-у атрибут "name", собираем вместе:

HTML:

Каркас HTML с формой и selector-ом :

<form method="post">
    <select name="test_select">
         <option></option>
         <option value="Значение select 1">Значение select 1</option>
         <option value="Значение select 2">Значение select 2</option>
         <option value="Значение select 3">Значение select 3</option>
    </select>
    <input name="submit" type="submit" value="Отправить">
</form>


PHP:

Php код, который будет обрабатывать selector.

if($_POST['test_select']) { $result = 'Вы выбрали select со значением : '. strip_tags($_POST['test_select'] );}
echo $result;

Результат: Чтобы протестировать работу отправки данных из тега selector-а через post, выберите какое-то значение и нажмите отправить.

Значение select 1 Значение select 2 Значение select 3

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =