HTML-формы: input, label и button

<form action="/subscribe" method="post">
  <label for="email">Email</label>
  <input id="email" name="email" type="email" required>

  <label for="pw">Password</label>
  <input id="pw" name="pw" type="password" minlength="8" required>

  <button type="submit">Sign up</button>
</form>

• <label for="id"> связан с полем — клик по нему ставит фокус, а экранный диктор его читает.
• Без атрибута name значение поля не отправляется.
• required, minlength и type="email" дают простую проверку в браузере; серверная проверка всё равно нужна.

Чаще всего: text, email, password, number, date, checkbox, radio, file, tel. Для длинного текста — <textarea>, для выпадающего списка — <select>.