Элементы форм в HTML
Определение и назначение формы в html. Основные элементы форм, теги: контейнер form (атрибуты action, method); поле ввода input, различные значения атрибута type: type="text" – однострочное текстовое поле, type="password" – поле для ввода пароля, type="email" – ввод электронной почты с проверкой формата, type="checkbox" – флажок для выбора нескольких вариантов, type="radio" – переключатель (только один вариант), type="submit" – кнопка для отправки формы; многострочное поле ввода textarea (атрибуты высоты rows и ширины cols); кнопка button, различные типы кнопок, задаваемые атрибутом type: type="submit" – отправляет данные формы, type="reset" – сбрасывает введённые данные, type="button" – поведение заданное js-скриптом (сценарий на JavaScript); выпадающий список select - позволяет пользователю выбрать один или несколько вариантов из списка, элементы option определяют возможные варианты выбора; подписи к полям формы - тег label и его атрибут for связывающий label с нужным input. Демонстрация примера формы, включающей все рассмотренные элементы. Сайт: https://prepodis.ru VK сообщество: https://vk.com/prepodis Telegram: https://t.me/prepodis
Определение и назначение формы в html. Основные элементы форм, теги: контейнер form (атрибуты action, method); поле ввода input, различные значения атрибута type: type="text" – однострочное текстовое поле, type="password" – поле для ввода пароля, type="email" – ввод электронной почты с проверкой формата, type="checkbox" – флажок для выбора нескольких вариантов, type="radio" – переключатель (только один вариант), type="submit" – кнопка для отправки формы; многострочное поле ввода textarea (атрибуты высоты rows и ширины cols); кнопка button, различные типы кнопок, задаваемые атрибутом type: type="submit" – отправляет данные формы, type="reset" – сбрасывает введённые данные, type="button" – поведение заданное js-скриптом (сценарий на JavaScript); выпадающий список select - позволяет пользователю выбрать один или несколько вариантов из списка, элементы option определяют возможные варианты выбора; подписи к полям формы - тег label и его атрибут for связывающий label с нужным input. Демонстрация примера формы, включающей все рассмотренные элементы. Сайт: https://prepodis.ru VK сообщество: https://vk.com/prepodis Telegram: https://t.me/prepodis
