Цель:
Проектирование и создание формы HTML
Закрепление приобретенных навыков
задача:
Заполните форму, чтобы собрать информацию о вашем любимом профессиональном предмете в школе для учащихся 1i4a2 классов. Форма должна содержать:
- имя и фамилия студента
- номер класса для одиночного выбора (1i4a2)
- список профессиональных предметов с множественным выбором у вас в классе 1
- поле для комментариев с возможностью ввода обоснования по вашему выбору (любимая тема)
- кнопка отправки данных
- Кнопка очистки данных
- варианты выбора пола
- поле для комментариев
Объяснение:
HTML формы — сложные элементы интерфейса. Они включают в себя разные функциональные элементы: поля ввода <input> и <textarea>, списки <select>, подсказки и т.д. Весь код формы заключается в элемент <form>.
Большая часть информации веб-форм передаётся с элемента <input>. Для ввода одной строки текста применяется элемент <input type="text">, для нескольких строк — элемент <textarea>. Элемент <select> создает выпадающий список.
Элемент <label> создаёт надписи к полям формы. Существует два группировки надписи и поля. Если поле находится внутри элемента <label>, то атрибут for указывать не нужно.