Программирование с нуля с чего начать? Web разработка Урок 12 Формы Часть 2

Автор Sergei Plotnenko
Программирование с нуля   с чего начать? Web разработка  Урок 12  Формы  Часть 2

давайте рассмотрим как же отправляются данные из формы для того чтобы отправить данные куда-то нам указать адрес в интернете например куда мы хотим.

Отправить данные для этого вычти имел элементе форум существует атрибут называем Action в котором указывается адрес. Например если мы укажем здесь http google.com и теперь сохраним обновим страницу и далее нажмем на кнопку сабмит то как вы видите мы попадаем страницу Google 2 атрибут который мы можем здесь указать — это атрибут Method attribute method' указывается. Метод при помощи которого мы будем отправлять данные самые распространенные методы — это Get Method & Post Method get' — это значит получить пост.

Это значит отправить то есть если мы хотим получить какие-то данные то мы пишем Method get' если мы хотим просто отправить как пишем Method Post всё — это мы будем подробнее разбирать и проделывать в дальнейшем когда мы научимся создавать свой backend свой сервер с данных и туда мы будем отправлять данные наши извлекать оттуда какие-то данные, а что же происходит когда мы отправляем форму без этих атрибутов давайте обновим.

И нажмем если мы ведем какие-то данные и нажмем кнопку то страница обновляется данные. СИЗО полей. Они отправляются, но по умолчанию. Они отправляются в тоже место на котором мы находимся на нашу страницу чтобы — это увидеть мы можем сделать следующее мы можем добавить в нашей элементы Input атрибут name например этот Input Mono завёл нам также. Или username например следующие гласные также можем также назвать гласные и здесь назовём кроссворд или опять же мы можем назвать User Password чтобы не связывали с словом писал с текстом паспорт мы можем присвоить любое имя и теперь я здесь ведём какие-то данные. Например я в виду своё имя фамилию в виду пароль какой-то примеру пусть будет 1234567 и теперь если я нажму и если мы развернем страницу чтобы видеть вот эту строку лучше было то вот тут вот после знака идёт ней нашей username нашего инпута и моё имя которое я вводил далее знак амперсанда разделяющий и идет название гласные и моя фамилия которую я вводил дали опять разделительный знак амперсанда ieuser Password и пароль который я вёл то есть мы можем отправлять данные из элементов Input связывая их при помощи ключей name и создавая пары исключаю зоны и значение которое мы ввели в поле input сильвернейм до ключа Last name и значение которое мы ввели в поле гласные и теперь они все пружины вот здесь в этой строке. Конечно нет особого смысла в том, что мы отправляем данные на свою же страницу, но как я вам говорил раньше мы будем отправлять на сервер который сделаем сами создадим извлекать данные также оттуда. Ну ещё один атрибут Input о которой можно использовать — это атрибут placeholder можно размещать его в минутах для подсказки пользователю, что вводить например. Здесь можно ввести Enter your name введите ваше имя здесь разместить placeholder inter.ua классные вашу фамилию, а здесь соответственно. Лента ё password введите ваш пароль. Давайте сохраним обновим страницу и теперь вот тут отображается эти плейсхолдеры как подсказки placeholder по-английски означает заполнитель. И если мы начинаем вводите текста заполнитель пустого поля сразу же исчезает.

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

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