Jak zrobić kwestionariusz w HTML

Mężczyzna trzymający schowek i ołówek

Formularze HTML umożliwiają zbieranie wszelkiego rodzaju informacji od odwiedzających Twoją witrynę.

Źródło obrazu: Stockbyte/Retrofile/Getty Images

Jeśli chcesz zebrać dane lub informacje zwrotne od odwiedzających Twoją witrynę, utwórz kwestionariusz za pomocą hipertekstowego języka znaczników (HTML). Twój kwestionariusz może zawierać różne metody wprowadzania, od przycisków radiowych, przez pola wyboru, po listy rozwijane. Po wypełnieniu przez użytkownika kwestionariusza, otrzymuj jego odpowiedzi w skrzynce odbiorczej swojego e-maila.

Krok 1

Otwórz dokument HTML, w którym chcesz umieścić kwestionariusz w Notatniku, wbudowanym edytorze HTML hosta internetowego lub wybranym edytorze HTML. Jeśli zaczynasz nową stronę internetową, utwórz nowy dokument TXT, a następnie wstaw podstawowe tagi:

Wideo dnia

Tytuł strony internetowej

Tworzone znaczniki formularza będą znajdować się między znacznikami otwierającymi i zamykającymi. Po wypełnieniu kwestionariusza zapisz dokument w formacie HTM lub HTML, a następnie otwórz go w dowolnej przeglądarce internetowej, aby wyświetlić podgląd swojej pracy.

Krok 2

Wstaw

. Wszystkie twoje pytania i tagi będą znajdować się między tymi dwoma tagami. Każdy tag powinien zawierać atrybut „name”, taki jak. Aby odpowiedzi na pytania zawarte w kwestionariuszu były przekazywane na Twój adres e-mail, Twój

Krok 3

Użyj tag, aby utworzyć jednowierszowe pole wejściowe, w którym użytkownicy mogą wpisywać swoje odpowiedzi. Na przykład, jeśli chcesz zapytać, kto skierował użytkownika do Twojej witryny, Twój kod będzie wyglądał tak:

Krok 4

Użyj tag, aby utworzyć przyciski radiowe. Za pomocą przycisków radiowych użytkownik może wybrać tylko jedną opcję. Każde wejście w zestawie przycisków radiowych powinno mieć tę samą nazwę, ale unikalne atrybuty wartości. Na przykład, aby zapytać, czy odwiedzającym podobała się Twoja witryna, użyj tego:

tak

Nie

Tag tworzy podział wiersza na Twojej stronie internetowej, ponieważ sam HTML nie rozpoznaje białych znaków.

Krok 5

Użyj tag, aby utworzyć pola wyboru. W przeciwieństwie do przycisków radiowych, użytkownik może zaznaczyć wiele pól wyboru w zestawie. Podobnie jak przyciski radiowe, każda opcja w zestawie powinna mieć tę samą nazwę, ale mieć unikalne wartości. Na przykład, aby poprosić odwiedzającego o zasugerowanie funkcji dla Twojej witryny:

Więcej zdjęć!

Więcej linków!

Więcej treści!

Krok 6

Użyj tagów, aby utworzyć rozwijaną listę wyboru, z której użytkownik może wybrać tylko jedną opcję. Dla każdej opcji na liście utwórz osobną ustawiony między otwieraniem a zamykaniem

Ponieważ opcja „kolory” zawiera wybrany atrybut, będzie to wybór domyślny.

Krok 7

Użyj tag, aby utworzyć przycisk przesyłania. Gdy użytkownik kliknie ten przycisk, wprowadzone przez niego informacje zostaną przekazane do Ciebie, w zależności od metody wyszukiwania określonej w otworze