← Все вопросы

Как сделать простую форму с полем ввода и кнопкой?

Задан 5 месяцев назад881 просмотров3 ответа
14

Нужна базовая форма: одно поле для имени и кнопка «Отправить». Какой минимальный правильный HTML? И что за этот label, который все советуют?

3 ответа

27
✓ Принятый ответ — помог автору

Минимальная корректная форма:

<form action="/submit" method="post">
  <label for="name">Имя:</label>
  <input type="text" id="name" name="name" required>
  <button type="submit">Отправить</button>
</form>

Что важно:

  • <label for="name"> связан с input по совпадению for и id — клик по подписи фокусирует поле, и это важно для доступности.
  • у input обязательно name — иначе значение не уйдёт на сервер.
  • method="post" для отправки данных, action — куда слать.
  • required — встроенная проверка, что поле не пустое.
  • type у input бывает разный: email, password, number — браузер сам подскажет и проверит.
Егор Зробко про name забыл и данные не приходили, спасибо 🙏 · 5 месяцев назад
11

<form> + <input type="text" name="..."> + <button type="submit">. Это минимум. label желателен для доступности.

7

Не забудь input'у атрибут name, без него поле не отправится.

Ваш ответ

Войдите, чтобы ответить на вопрос.
Поддержать проект