Программирование с нуля с чего начать? Web разработка Урок 14 Элемент select Отправка данных

Автор Alla Bessonova
Программирование с нуля   с чего начать? Web разработка  Урок 14 Элемент select  Отправка данных

Давайте я вам расскажу еще об одном элементе которые можно использовать в форме — это HTML Element Select и записывается он следующим образом.

Давайте после элемента Color напишем элемент параграф и в нём Element Select пишется. Он следующим образом. Серик значит выбрать по-английски если мы сохраним сейчас главную страницу то появляется такой вот элемент выбора, но пока мы в нём ничего не можем выбрать чтобы что-то в нём выбрать нам нужно внутри селекта поместить элементы Option Option из которых мы будем выбирать например.

Мы хотим чтобы пользователь выбрал любимое животное.

Давайте вместе выше параграф в котором запишем choose ё перед Animal и далее укажем общем к 1 пусть будет и. Давайте ещё с копируем и запишем ещё две опции долг 2 вторая опция и пусть будет рад крыса 3. Давайте посмотрим, что получилось, что за бред и вы видите появляется вот такой селектор в котором мы можем выбрать из списка и отображается значение в самом элементе и теперь если мы отправим данные. Ну заполним все требуемые поля емейл видео и. Дали Отправим и. Давайте теперь развернем окно браузера и посмотрим, что отправилась в этой адресной строке и здесь мы видим username равен. Юра дальше после разделить знак амперсанда классный отправилась аллахвердов емэйл отправь мой email аллахвердов. Юрий дали знак собачки он вот так вот отображается gmail.com. Далее идет User Password и в нём нету никакого значения потому, что я его не вводил элемент долг у нас не отобразил ся наши элементы firstname lastname емейл отображаются потому, что мы установили attribute name для них для весны username для гласные согласные и так далее. То есть чтобы отправить какие-то данные через форму нам нужно связать name со значением котором мы вводим в инпуте этаже происходит и для селекта. То есть если мы сейчас в селекте укажем его name attribute name напишем name и например Animal. Да потому, что мы животные выбираем теперь обновим сохраним файл обновим страницу я в виду данные. Можно также ввести пароль выбрать например крысу выбрать пол и также выбрать checkbox и также давайте выберем цвет и отправим посмотрим отобразить в строке так тут не предлагает сохранить пароль я не буду его сохранять. Итак username отобразил согласным отобразилось емэйл отобрази лся далее отобрази лся User password отобрази лся пол у нас равен ни mail, а он Animal отобразилось город и так у нас не отобразилась элементы или неправильно отобразилось Color не отображался неправильно от элемент mail было он и не отображался checkbox давайте начнём с. Чебоксар Как вы видите checkbox v-checkbox у нас нету name атрибута. Давайте напишем атрибут name. Давайте назовем его например лагает доля почему у нас отобразилось он вроде как не ему нас указан секс для двух наших радиоэлементов. Но для того чтобы отослать значение элемента нам нужно указать ещё атрибут value attribute name связываются два элемента в нашем случае радио в одну группу поэтому атрибуты мы теперь можем переключать эти элементы. А чтобы какое-то значение друга. Еда которая. Мы хотим нам нужно поставить тут атрибут value значение то есть мы тут атрибут value и пишем тут значение которое мы хотим. Отправить здесь мы напишем долю в финал и так, что у нас. Колор Колор тоже. У нас без меня. Давайте укажем name Color и здесь у нас всё в порядке. Давайте сохраним обновим и. Давайте ведём данные и отправим их и. Давайте посмотрим. Итак username отобразилось корректно классные тоже емэйл тоже отобразил ся кроссворд тоже отобрази лся корректно. АЛТ у нас checkbox отобразится как он то есть птичка поставлена выбран checkbox — это корректно. И секс у нас отобрази лся mail так как мы отправили значение имел в нём 2 attribute value отображается в виде такого шестнадцатеричного значения и Animal у нас отобразилось Dog Toy все данные отправлены.

0 комментариев
0

Читайте также