Создание сайтов.8.HTML.Label и проверка форм.

  • Домашнее обучение
  • Презентации учебные
  • Домашнее обучение
  • pptx
  • 16.01.2021
Публикация на сайте для учителей

Публикация педагогических разработок

Бесплатное участие. Свидетельство автора сразу.
Мгновенные 10 документов в портфолио.

В данной презентации разберем тег <label> и 2 способа его применения, узнаем как проверить формы и полезные атрибуты для проверки форм.
Иконка файла материала 8. Label и Проверка форм.pptx

LABEL

Проверка Форм

Парный тэг

1 способ : помещения информации в тэг label

Теперь в поле ввода появится курсор даже при нажатии на «Введите имя»

2 способ : название поля в тэг label , само поле отдельно

Связь названия поля и самого поля происходит при помощи атрибута id в тэге input и атрибута for в тэге label

При помощи различных атрибутов мы можем проверять формы на правильность введенных данных

Если мы хотим , чтобы поле обязательно было заполнено , то к тэгу input приписываем атрибут required

Этот же атрибут работает для тэга input типа email

Атрибут novalidate в тэге form отменяет все проверки правильности данных

Атрибуты minlength и maxlength задают границы ввода символов

Тэг