16 ЭЛЕМЕНТЫ ВЫБОРА В ФОРМЕ в HTML

Зарегистрировать домен
------------------------------------
------------------------------------
------------------------------------
------------------------------------
КУРСЫ АВТОРА
------------------------------------

Седующий элемент который мы с вами будем учиться делать это элемент под названием select что можно перевести как выбор здесь на самом деле предоставляется из выпадающего списка выбор где мы можем выбрать какой-то из вариантов при этом здесь допустимые варианты при множественном выборе и сейчас мы это все рассмотрим вращаемся вкус и после вопроса про инструменты времени давайте зададим еще один вопрос сколько часов в день вы спите тот select нам как раз для этого подойдет вопрос есть теперь создаем сам select в новом абзаце уже на следующей строке данный так создается уже не им потом то есть не тем с которым мы работали все это предыдущее время видно да не доживут выделились у нас все предыдущие элементы формы мы делали с помощью таким вот здесь же отдельный тег он называется select это парный так поэтому желательно сразу его закрыть он кстати чем-то похож на список если мы вернемся к спискам у нас был здесь примерно такой же вариант мы создавали сначала контейнер а затем элементы списка нужно также здесь selected указывайте контейнер а внутри него создается элементы списка которые хранятся в тегах общин опция или еще можно перевести как вариант даже будет понять не наверно в нашем случае у нас будет 5 вариантов получается поэтому мы делаем 5 times of общем два три четыре пять и указываем здесь между ними быть иметь шесть семь восемь и восемь и восемь плюс лучше укажем так так следующий момент мы должны обязательно дать этому тэгу атрибут name потому что мы знаем что впоследствии все данные формы будут отправляться обработчику и соответственно как мы назовём данный элемент под таким именем отправить эти данные в данном случае можно назвать нет отлично теперь если мы сохраним и посмотрим что это нам дает мы увидим тот самый select о котором там шла речь о дон пять шесть семь восемь и восемь плюс теперь рассмотрим какие особенности есть у данного элемента первая из таких особенностей это размер здесь размер уже несколько в другом аяте идет если здесь размер был это размер в ширину то есть количество помещающихся символов до то здесь размер у нас создается тем же атрибутом совет но влиять несколько по-другому опустим бежим says 3 посмотрим как будет выглядеть мы видим да как изменился у нас 7x теперь мы просто видим изначально сразу три пункта и хотя выбирать мы можем также только по одному весь всего лишь изменился внешний вид если раньше мы видели 171 элемент списка вы сейчас видим сразу три он за это как раз таки отвечает атрибут says следующий момент эта возможность множественного выбора если вы заметили то сейчас мы можем выбрать только один элемент из этого списка но может возникнуть ситуация что нам захочется выбрать допустим три или четыре элемента в этом случае мы можем дать для нашего элемента select a специально атрибут который пишется таким разум но ты-то то есть как бы мульти на мульте выбор множественный выбор и в этом случае у нас можно будет выбирать сразу несколько пунктов давайте увеличим says до 5 расширим еще до максимального размера и вот теперь смотрите я могу выбрать этот этот этот через нажатия kontrol а не помогу вообще все выбрать могу один танк таким образом вы можете регулировать как количество показываем их одновременно элементов у блоге телек так и возможность множественного выбора можете добавить так и следующий момент чтобы его объяснить эти атрибуты мы пока уберем следующий момент это изначальный показ конкретного элемента потому что если мы сейчас посмотрим изначально у нас показывается самый первый элемент пятерка но мы знаем что люди обычно спят по 8 часов в день и было бы логично ставить например здесь восьмерку чтобы человеку даже не пришлось менять вот эту позицию вот как же делать чтобы восьмеркам была активна здесь нечто похожее на вот этот атрибут checked только здесь он называется селектор поэтому нужно мокши не мы дописываем selected не это будет означать что он данный элемент должен быть активен изначально видно на это теперь у меня изначально стоит восьмерка и последний момент если мы вернемся сюда вход то для этих общинах вы даже можете использовать атрибут вуалью который мы людей задавали для радио кнопок то есть это задание конкретного значения для этого элемента потому что сейчас у нас какая ситуация если у нас форма будет отправлена на обработку этому обработчику да то у нас для этого selecta будет создана переменная slip