Как создать анкету в HTML
Если вы хотите собрать данные или отзывы посетителей вашего веб-сайта, создайте анкету с использованием языка гипертекстовой разметки (HTML). Ваша анкета может содержать различные способы ввода, от переключателей до флажков и раскрывающихся списков. После того, как ваш пользователь заполнит анкету, вы получите его ответы на свой электронный ящик.
Шаг 1
Откройте HTML-документ, в котором вы хотите разместить свою анкету, в Блокноте, встроенном HTML-редакторе вашего веб-хостинга или выбранном вами HTML-редакторе. Если вы начинаете новую веб-страницу, создайте новый документ TXT, а затем вставьте основные теги:
Теги формы, которые вы создаете, будут находиться между открытием и закрытием
Теги . Когда вы заполните анкету, сохраните документ в формате HTM или HTML, а затем откройте его в любом веб-браузере, чтобы просмотреть свою работу.
Шаг 2
Вставьте
. Все ваши вопросы и теги будут находиться между этими двумя тегами. Каждый тег должен содержать атрибут «имя», например . Чтобы ответы на вашу анкету были отправлены на ваш адрес электронной почты, вашШаг 3
Используйте тег для создания однострочного поля ввода, в которое пользователи могут вводить свои ответы. Например, если вы хотите спросить, кто направил пользователя на ваш сайт, ваш код будет выглядеть так:
Шаг 4
Используйте тег для создания переключателей. С помощью переключателей пользователь может выбрать только один вариант. Каждый вход в вашем наборе переключателей должен иметь одно и то же имя, но уникальные атрибуты значения. Например, чтобы узнать, понравился ли посетителям ваш веб-сайт, используйте это:
Да
Нет
Тег создает разрыв строки на вашей веб-странице, поскольку HTML сам по себе не распознает пробелы.
Шаг 5
Используйте тег для создания флажков. В отличие от переключателей, пользователь может выбрать несколько флажков в наборе. Как и переключатели, каждая опция в наборе должна иметь одно и то же имя, но уникальные значения. Например, чтобы попросить посетителя предложить функции для вашего веб-сайта:
Больше картинок!
Больше ссылок!
Больше контента!
Шаг 6
Используйте теги для создания раскрывающегося списка выбора, из которого пользователь может выбрать только один вариант. Для каждого варианта в вашем списке создайте отдельный
<опция> и установить между открывающим и закрывающим тегами