Какие теги используешь в форме

«Какие теги используешь в форме» — вопрос из категории HTML, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Для создания форм в HTML используются следующие основные теги:

  • <form> - основной контейнер для формы
  • <input> - для текстовых полей, чекбоксов, радио-кнопок и др.
  • <textarea> - для многострочного текста
  • <select> с <option> - для выпадающих списков
  • <button> или <input type="submit"> - для кнопок
  • <label> - для подписей к полям
  • <fieldset> с <legend> - для группировки элементов

Пример:

<form action="/submit" method="post">
  <fieldset>
    <legend>Контактная информация</legend>
    <label for="name">Имя:</label>
    <input type="text" id="name" name="name" required>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>
  </fieldset>

  <button type="submit">Отправить</button>
</form>