Як скласти анкету в HTML

Людина тримає буфер обміну та олівець

Форми HTML дозволяють збирати різну інформацію від відвідувачів вашого веб-сайту.

Авторство зображення: Stockbyte/Retrofile/Getty Images

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

Крок 1

Відкрийте HTML-документ, у якому ви хотіли б розмістити свою анкету в Блокноті, вбудованому редакторі HTML вашого веб-хоста або редакторі HTML на вибір. Якщо ви починаєте нову веб-сторінку, створіть новий документ TXT, а потім вставте основні теги:

Відео дня

Назва веб-сторінки

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

Крок 2

Вставте

. Всі ваші запитання і теги будуть розташовуватися між цими двома тегами. Кожен тег повинен містити атрибут "name", наприклад. Щоб відповіді на вашу анкету пересилалися на вашу електронну адресу, вашу

Крок 3

Використовувати тег, щоб створити однорядкове поле введення, в яке користувачі можуть вводити свої відповіді. Наприклад, якщо ви хочете запитати, хто направив користувача на ваш веб-сайт, ваш код матиме такий вигляд:

Крок 4

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

Так

Немає

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

Крок 5

Використовувати тег для створення прапорців. На відміну від перемикачів, користувач може вибрати кілька прапорців у наборі. Як і перемикач, кожен параметр у наборі повинен мати однакову назву, але унікальні значення. Наприклад, щоб попросити відвідувача запропонувати функції для вашого веб-сайту:

Більше фотографій!

Більше посилань!

Більше вмісту!

Крок 6

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

Оскільки параметр «кольори» містить вибраний атрибут, він буде вибором за замовчуванням.

Крок 7

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