Download "Модуль 6. Вебинар №11. Разметка форм"

00:00 Начало 02:30 Делаем форму. Атрибуты action и method не нужны для js разарботки 03:36 ‘form’ - семантический контейнер и главный элемент для создания формы 04:42 Какие атрибуты должны быть у тега ‘input’ 05:45 Как отправляется форму 06:35 Тег ‘label’ - если нужно инпуту добавить метку, как он работает 08:54 Атрибут ‘type’, чтобы указать тип данных инпута. Как он работает 10:52 Тип в инпуте влияет на клавитауру для мобильных браузеров 13:16 Кнопка для отправки формы 14:06 Браузеры могут делать валидацию емейла, но в современной разработке делается не так 16:18 Почему ‘button’, а не ‘input type="button"‘ 19:26 Как задавать id и для элементов форм 20:40 Чекбоксы или инпуты - выбираем, что применить 21:38 Особенности чекбосов 23:17 У группы чекбоксов которые описывают одно свойство name должен быть обязательным 25:48 Тег ‘fieldset’ для группы чекбоксов 26:31 Атрибут role для повышения семантики в несимантической разметке 28:19 Используем радиобаттоны, когда нужно выбрать одно из многих 29:41 Атрибут name для радиобаттонов - ОБЯЗАТЕЛЬНЫЙ 31:22 Как значение чекбокса или радиобатона поставить по-умолчанию 32:48 Форма очень важное место, которое приносит деньги бизнесу 33:31 Элементы формы которые плохо оформляются заменяют на плгины и библиотеки 37:46 Can I Use поможет подсказать что поддерживает браузер 39:29 ‘input type="date"‘ - для ввода времени 41:56 ‘input type="file"‘ - для загрузки файлов 43:50 ‘textarea ‘ - создает многострочное текстовое поле 47:14 Форма после отправки сбрасывает данные по-умолчанию 48:22 Добавляем инпут для подтверждения политики конфиденциальности 52:51 Можно вместо ‘label’ использовать ‘p’ - когда использовать лейбл 55:08 Атрибуты autofocus и autocomplete 59:05 Значения, которые может принимать автокомплит 1:05:36 Атрибут placeholder - подсказка внутри инпута, какой формат данных нужно вводить 1:09:57 Оформляем форму. Как сгруппировать поля с инпутами и спозиционировать их 1:15:28 Оформляем инпуты. 1:17:36 У инпута можно стилизировать плейсхолдер 1:20:24 Каким тегом оглавлять группу чекбоксов 1:22:22 Группу чекбоксов или радиобаттонов есть смысл обернуть в список 1:23:31 Как стилизировать чекбоксы, они будут разными между разными браузерами 1:26:23 Оформляем группу радиобаттоннов 1:28:31 Для одинаковых полей формы переиспользуем стили 1:31:56 Оформление элемента ‘input type="date"‘. Что с ним можно сделать 1:34:09 Нельзя использовать :before и :after c элементами input 1:36:10 Для любого поля типа дата, время и т.д. - ставят кастомный плагин 1:37:31 Вендорные префиксы - для чего предназначены 1:39:55 Autoprefixer - как составляются вендорные префиксы 1:42:02 textaria - оформляется хорошо 1:49:18 Как оформляется элемент - который открывает всплывающую подсказку возля поля ввода 1:52:21 Что стоит за кнопкой "Добавить новость" - принцип работы такого функционала