Формы. Урок 7

Август 7, 2022

Главная
Информатика
Формы. Урок 7

Содержание

2. Lorem Ipsum is simply dummy text HTML формы Состоят из набора текстовых полей, кнопок, списков и
3. Контейнер формы Тег создает форму. Он требует наличия одного обязательного атрибута – action. В этом атрибуте
4. Текстовые поля Почти всем формам требуется текстовый ввод от пользователей, чтобы ввести своё имя, адрес электронной
5. Lorem Ipsum is simply dummy text Подсказка поля формы Текстовые поля могут отображать подсказывающий текст, который
6. Lorem Ipsum is simply dummy text Подсказка поля формы Так как элементы формы сами по себе
7. Lorem Ipsum is simply dummy text Флажки формы Флажки — это элементы формы, которые имеют только
8. Lorem Ipsum is simply dummy text Переключатели формы Вы можете предоставить пользователю список вариантов на выбор
9. Lorem Ipsum is simply dummy text Выпадающее меню Если количество вариантов для выбора занимает слишком много
10. Lorem Ipsum is simply dummy text Кнопка формы Тег определяет нажимаемую кнопку. Внутри элемента вы можете
12. Скачать презентацию

Слайд 2

Lorem Ipsum is simply dummy text
HTML формы
Состоят из набора текстовых полей,

кнопок, списков и других элементов управления, которые активизируются щелчком мыши. Технически формы передают данные от пользователя удаленному серверу

• регистрацию и вход на сайтах;
• ввод личной информации
(имя, адрес, данные кредитной карты и др.);
• фильтрацию контента
(с помощью выпадающих списков, флажков и др.);
• выполнение поиска;
• загрузку файлов.

Включают в себя следующие формы взаимодействия:

Слайд 3

атрибута – action. В этом атрибуте указывается адрес, по которому форма будет отсылать свои данные после того, как пользователь отдаст команду "отправить".
Необязательный атрибут method указывает на то, каким образом должны отсылаться данные формы. Он может принимать два значения – get (значение по умолчанию) и post. При последнем значении данные во время отсылки скрываются (при значении get данные формы прикрепляются к URL).

Слайд 4

Текстовые
поля
Почти всем формам требуется текстовый ввод от пользователей, чтобы ввести своё

имя, адрес электронной почты, пароль, адрес и др. Текстовые поля формы приходят в разных вариантах.

Слайд 5

Lorem Ipsum is simply dummy text
Подсказка
поля формы
Текстовые поля могут отображать подсказывающий

текст, который исчезнет, как только будет введён некоторый текст. Если вы начинаете набирать что-то, то увидите как текст «Введите своё имя» исчезнет.

placeholder

Слайд 6

Lorem Ipsum is simply dummy text
Подсказка
поля формы
Так как элементы формы сами

по себе не очень описательны, им, как правило, предшествует текстовая метка.
В то время как placeholder уже обеспечивает некоторую подсказку о том, какое ожидается содержание, метки имеют преимущество оставаясь видимыми в любое время и могут использоваться наряду с другими типами элементов формы, таких как флажки или переключатели.

label

Слайд 7

Lorem Ipsum is simply dummy text
Флажки
формы
Флажки — это элементы формы, которые

имеют только два состояния: включено или выключено. Они в основном позволяют пользователю сказать: «Да» или «Нет» для чего-то.

Cоглашаюсь с правилами пользования

Слайд 8

Lorem Ipsum is simply dummy text
Переключатели
формы
Вы можете предоставить пользователю список вариантов

на выбор с помощью переключателей. Для работы этого элемента формы, HTML-код должен сгруппировать список переключателей вместе с помощью одного и того же значения для атрибута name. Поскольку все переключатели используют одинаковое значение атрибута name, выбор одного из вариантов отменит все остальные.

Вы любите компьютерные игры?

Да

Нет

Слайд 9

Lorem Ipsum is simply dummy text
Выпадающее
меню
Если количество вариантов для выбора занимает

слишком много места, вы можете воспользоваться выпадающими меню

Слайд 10

Формы. Урок 7

Содержание

Lorem Ipsum is simply dummy text HTML формыСостоят из набора текстовых полей,

ТекстовыеполяПочти всем формам требуется текстовый ввод от пользователей, чтобы ввести своё

Lorem Ipsum is simply dummy text Подсказкаполя формыТекстовые поля могут отображать подсказывающий

Lorem Ipsum is simply dummy text Подсказкаполя формыТак как элементы формы сами

Lorem Ipsum is simply dummy text ФлажкиформыФлажки — это элементы формы, которые

Lorem Ipsum is simply dummy text ПереключателиформыВы можете предоставить пользователю список вариантов

Lorem Ipsum is simply dummy text ВыпадающееменюЕсли количество вариантов для выбора занимает

Lorem Ipsum is simply dummy text КнопкаформыТег определяет нажимаемую кнопку. Внутри

Похожие презентации