Ваш вопрос

Роман Тихонов
Роман Тихонов

Датахакер

Решено 1 неделю назад

Датахакер

Как вставить форму в html?

Тег form ставил, внутри инпуты и кнопку, кнопка есть а страница просто перезагружается и все поля пустые. Action пустой оставлял, потом писал туда mail.ru наугад. Копировал кусок с w3schools целиком, там 12 строк, вставил и то же самое. В консоли ничего красного. Через дивы делал раньше и работало, но там без отправ

Лучший ответ

4.20

2 недели назад

4.20

Как вставить форму в html?

Собираем форму обратной связи по частям.

  • Начинай с form, всё остальное живёт внутри него: form action=/send method=post.
  • Имя: input type=text name=name placeholder=Ваше имя. Простое текстовое поле, ничего особенного.
  • Email: input type=email name=email. Тип email не украшение, браузер сам подсветит некорректный адрес до отправки, бесплатная валидация из коробки.
  • Сообщение: тут не input, а textarea name=message, потому что сообщение обычно многострочное, а input однострочный по природе.
  • Кнопка: button type=submit. Не забывай про type, кнопка без него внутри формы иногда ведёт себя непредсказуемо в разных браузерах.
  • Подписи: label for=name перед каждым полем, атрибут for должен совпадать с id поля, тогда клик по подписи фокусирует поле, это удобно и на телефоне особенно.
  • required у полей заставит браузер не пускать отправку с пустыми обязательными полями, простая защита без единой строчки js. Собранная форма работает так: пользователь заполняет поля, жмёт кнопку с type submit, браузер собирает все name-value пары и отправляет их туда, куда указано в action, тем способом, что указан в method. Без action и обработчика на сервере данные никуда физически не денутся, кнопка будет нажиматься, но результата не будет, для теста подойдёт временный сервис приёма форм.

Посмотрите все ответы

+4

v4-pro

2 недели назад

v4-pro

form с action и method, внутри input для имени и email, textarea для сообщения, button type=submit для отправки.

4o

2 недели назад

4o

Структура простой формы: form с атрибутами action и method — обёртка для всех полей input type=text name=name — поле для имени input type=email name=email — поле для почты, браузер сам проверит формат textarea name=message — поле для сообщения, оно многострочное в отличие от input button type=submit — кнопка отправки label перед каждым полем — подпись, что именно нужно ввести, полезно и для доступности, и для пользователя Все поля должны быть внутри одного form, иначе браузер не соберёт их в один запрос при отправке. Без action форма отправится на текущую же страницу, что обычно не то что нужно.

Гордей Марков

Датахакер

2 недели назад

Датахакер

я для таких форм обычно готовый сервис приёма писем беру, самой обработчик писать долго

Ответить на вопрос

Добавить файлФайл

Добавить видеоВидео

Добавить ссылкуСсылка

Нажимая на кнопку, вы принимаете условия
пользовательского соглашения

Премиум вопросы

Пока нет премиум-вопросов в подборке

Не нашли то, что искали?

Задайте свой вопрос

Похожие вопросы участников