Итоги по формам

В этом уроке мы научились создавать формы и узнали, что:

• Форма создаётся элементом form и его атрибутами:
  • action — URL, на который отправляются данные,
  • method — способ отправки данных: GET в адресе (например, для поиска) или POST внутри запроса (например, для входа).
• Поля создаются элементом input и его атрибутами:
  • type — тип поля, например text, password, email, number, date, range, radio или checkbox,
  • name — имя, которое отправляется вместе со значением поля, например name=Tim,
  • id — уникальный идентификатор, который связывает поле с его подписью,
  • value — заранее заданное значение или, для переключателя, значение, которое отправляется при его выборе.
• Переключатели с одинаковым name образуют группу, в которой можно выбрать только один. Флажки не зависят друг от друга.
• Выпадающий список создаётся элементом select с элементами option внутри, а поле для длинного текста — элементом textarea.
• У каждого поля должна быть подпись: элемент label, атрибут for которого имеет то же значение, что и id его поля. Щелчок по подписи ставит курсор в поле, а программы чтения с экрана зачитывают её вслух.
• Форма отправляется кнопкой <button type="submit">Записаться</button> (или <input type="submit" value="Записаться">).
• Поле становится обязательным с помощью атрибута required.

В следующем уроке вас ждёт итоговый проект, в котором вы примените всё, что узнали за весь курс.