Как сделать анкету в HTML

Человек, держащий буфер обмена и карандаш

HTML-формы позволяют собирать всевозможную информацию от посетителей вашего сайта.

Кредит изображения: Stockbyte / Retrofile / Getty Images

Если вы хотите собрать данные или отзывы посетителей вашего веб-сайта, создайте анкету, используя язык гипертекстовой разметки (HTML). Ваша анкета может содержать различные методы ввода, от переключателей до флажков и раскрывающихся списков. После того, как ваш пользователь заполнил анкету, получите его ответы на свой электронный ящик.

Шаг 1

Откройте HTML-документ, в котором вы хотите разместить свой вопросник, в Блокноте, во встроенном HTML-редакторе вашего веб-хостинга или в любом другом HTML-редакторе. Если вы запускаете новую веб-страницу, создайте новый документ TXT, затем вставьте основные теги:

Видео дня

Заголовок веб-страницы

Создаваемые вами теги формы будут находиться между открывающим и закрывающим тегами. Заполнив анкету, сохраните документ как HTM или HTML, а затем откройте его в любом веб-браузере, чтобы просмотреть свою работу.

Шаг 2

Вставьте

. Все ваши вопросы и Теги будут помещены между этими двумя тегами. Каждый тег должен содержать атрибут "name", например. Чтобы ответы на вашу анкету были отправлены на ваш адрес электронной почты, ваш

Шаг 3

Использовать тег, чтобы создать однострочное поле ввода, в которое пользователи могут вводить свои ответы. Например, если вы хотите спросить, кто направил пользователя на ваш сайт, ваш код будет выглядеть так:

Шаг 4

Использовать тег для создания переключателей. С помощью переключателей пользователь может выбрать только один вариант. Каждый вход в вашем наборе переключателей должен иметь одно и то же имя, но уникальные атрибуты значения. Например, чтобы узнать, понравился ли ваш веб-сайт посетителям, используйте это:

да

Нет

Тег создает разрыв строки на вашей веб-странице, поскольку HTML сам по себе не распознает пробелы.

Шаг 5

Использовать тег для создания флажков. В отличие от переключателей, пользователь может установить несколько флажков в наборе. Как и в случае с переключателями, каждая опция в наборе должна иметь одно и то же имя, но иметь уникальные значения. Например, попросить посетителя предложить функции для вашего сайта:

Больше картинок!

Еще ссылки!

Больше контента!

ШАГ 6

Используйте теги для создания раскрывающегося списка выбора, из которого пользователь может выбрать только один вариант. Для каждого варианта в вашем списке создайте отдельный установить между открытием и закрытием

Поскольку параметр «цвета» включает выбранный атрибут, он будет выбран по умолчанию.

Шаг 7

Использовать тег для создания кнопки отправки. Когда пользователь нажимает эту кнопку, введенная им информация будет перенаправлена ​​вам, в зависимости от метода получения, указанного в открытии.