HTML5 CSS3 Урок 7 Формы — Сбор информации с посетителей сайта Создание HTML форм Input HTML

Автор Artur Merichev
HTML5 CSS3 Урок 7 Формы — Сбор информации с посетителей сайта Создание HTML форм Input HTML

Здравствуйте друзья приветствую вас на видео уроки из курса по HTML и CSS в рамках данного урока мы разберём такую тему как формы создавать формы на сайте пользоваться различными инструментами для сбора данных посетителей сайта и применять новые элементы формы язык html5.

Итак приступим пожалуй самые известные вам формы в мире — это поле ввода поискового запроса. Как пример сайта в поисковой системы Google. Однако помимо поиска формы и позволяет польза совершать множество других различных действий например вы на сайтах можете увидеть формы по регистрации на каком-либо сайте при совершении покупок интернет магазин, а также когда подписывайтесь на рассылку новостей с сайтов.

Существует несколько разновидностей элементов форм с помощью которых.

Вы можете собирать информацию с посетители вашего сайта поле ввода 1С строка позволяет ввести строку текста например. Адрес электронной почте или имя пользователя пароль и тому подобное, а также. Существует такой вариант форум. Как переключать и пользуется когда пользователь должен выбрать только один вариант из нескольких представленных флажки checkbox и, а используется когда пользователь может выбрать несколько вариантов из предложенных на выбор либо не убирать ни одного также различные раскрывающимся списком с датами например формы отправки на сервер кнопки подтверждения файлов и тому подобное формы. Давайте разберем все эти варианты на примерах все элементы формы помещается в тех форм вот он для него всегда должен быть указан атрибут Action. Кроме того для этого элемента часто устанавливают атрибуты метод и это. Каждый элемент форум требует указания атрибута Action значением которого является URL адрес страницы получателя введённых данных при отправке формы на сервер формы можно отправить одним из двух методов методом Get или методом Post при использовании метода Get введённые данные будут отправлены в конец url-адреса указанного attribute Action метод используется в следующих случаях при отправке коротких форум таких как поля для ввода поискового запроса при простом получении данных с сервера. А вот мне этот пост отправляет данные с помощью так называемых HTML заголовков используется в случаях если ваша форма позволяет пользователям загружать на сайт сама по себе довольно длинная, а либо содержит конфиденциальные данные например пароли и добавляет сведения в базу данных или удаляет их оттуда из метод не указан то форма будет отправлена на сервер по умолчанию с помощью метода Get attribute ID обсудим чуть позже, но в данный момент могу сказать, что его значение для различения форм и других элементов разметки страницы важнейшим элементом формы является Element Input который используется для создания компоненты формы нескольких типов значение атрибута Type указывает. Этот сам непосредственно тип когда атрибуты присваиваются значение текст. Это значит, что будет. Создана однострочная для ввода текста. Давайте посмотрим на примере. Также можно указать максимальную длину символов в данном им пути при помощи атрибутом maxland тут я ухожу ты. Давайте посмотрим браузере, что получилось вот так видим появился Input для ввода данных. Как вы могли заметить я использовала атрибут атрибут name для каждого элемента формы следует обязательно указывать так как значение этого атрибута служит для идентификации элемента формы и отправляется на сервер вместе с данными когда атрибут. Тутаев присваивается значение Password вот как данном случае то на странице создаётся одна строчка для ввода текста. Но, что лишь разницей что. Вадим и в него символы маскируются — это сделано для того чтобы не допустить утечки и важных данных когда вводится пароль и так далее. Давайте посмотрим в браузер вот так видим обычный текстовое поле я вожу символы их видно то в поле со значением Password появляется маркеры то есть не отображается. Вадим информация также при создании формы используется такой элемент как текст. Ария который использует создание многостраничных областей ввода текста в отличие от других элементов форма он не может являться пустым соответственно в него необходимо указать какой-либо текст и присутствует в данном элементе открывающий и закрывающий теги текст который помещен между ними будет выведено в поле при загрузке страницы вот открывающего закрывающий теги текста передавайте ведём какой-то текст допустим введите ваш комментарий. Давайте посмотрим, что случилось в браузере. Ну вот как видите введите ваш комментарий соответственно когда мы водим тексту текст который указан между открывающим и закрывающим тегом не стирается и пишутся комментарии также при создании элемента textarea атрибуты calls & Rose который устанавливают ширину и высоту текста в области количество измеряется в символах также при создании формы используется такие элементы. Как переключать или так называемые радиобаттон позволяет посетителям сайта выбирать только один вариант из предложенных на выбор атрибут value вот он устанавливает значение выбранного переключателя отправляй на сервер атрибутики — это указывает. Какой из предложенных вариантов должен быть выбран по умолчанию при загрузке страницы. Давайте посмотрим в браузер вот переключатели рок поп электронная музыка также при создании форм есть такие элементы как флажки. Они же checkbox и с помощью них посетители сайта могут выбирать один из нескольких вариантов ответа, а также в принципе отменять выбор вот как выглядит данная конструкция Input Type checkbox value по умолчанию который выводится с галочкой в нём ставится checked. Ну и.

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

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