Πώς να φτιάξετε ένα ερωτηματολόγιο σε HTML

Άτομο που κρατά το πρόχειρο και το μολύβι

Οι φόρμες HTML σάς επιτρέπουν να συλλέγετε κάθε είδους πληροφορίες από τους επισκέπτες του ιστότοπού σας.

Πίστωση εικόνας: Stockbyte/Retrofile/Getty Images

Εάν θέλετε να συγκεντρώσετε δεδομένα ή σχόλια από τους επισκέπτες του ιστότοπού σας, δημιουργήστε ένα ερωτηματολόγιο χρησιμοποιώντας τη γλώσσα σήμανσης υπερκειμένου (HTML). Το ερωτηματολόγιο σας μπορεί να περιέχει μια ποικιλία μεθόδων εισαγωγής, από κουμπιά επιλογής έως πλαίσια ελέγχου έως αναπτυσσόμενες λίστες. Αφού ο χρήστης συμπληρώσει το ερωτηματολόγιο, λάβετε τις απαντήσεις του στα εισερχόμενα του email σας.

Βήμα 1

Ανοίξτε το έγγραφο HTML στο οποίο θέλετε να εμφανίσετε το ερωτηματολόγιό σας στο Σημειωματάριο, τον ενσωματωμένο επεξεργαστή HTML του οικοδεσπότη Ιστού σας ή τον επεξεργαστή HTML της επιλογής σας. Εάν ξεκινάτε μια νέα ιστοσελίδα, δημιουργήστε ένα νέο έγγραφο TXT και, στη συνέχεια, εισαγάγετε τις βασικές ετικέτες:

Το βίντεο της ημέρας

Τίτλος ιστοσελίδας

Οι ετικέτες φόρμας που δημιουργείτε θα βρίσκονται μεταξύ των ετικετών ανοίγματος και κλεισίματος. Όταν ολοκληρώσετε το ερωτηματολόγιο, αποθηκεύστε το έγγραφο είτε ως HTM είτε ως HTML και, στη συνέχεια, ανοίξτε το σε οποιοδήποτε πρόγραμμα περιήγησης ιστού για να κάνετε προεπισκόπηση της εργασίας σας.

Βήμα 2

Εισαγάγετε το

. Όλες οι ερωτήσεις σας και οι ετικέτες θα μπαίνουν ανάμεσα σε αυτές τις δύο ετικέτες. Καθε Η ετικέτα πρέπει να περιέχει ένα χαρακτηριστικό "όνομα", όπως π.χ. Έτσι ώστε οι απαντήσεις στο ερωτηματολόγιο σας να προωθούνται στη διεύθυνση email σας, τη δική σας

Βήμα 3

Χρησιμοποιήστε το ετικέτα για να δημιουργήσετε ένα πεδίο εισαγωγής μίας γραμμής στο οποίο οι χρήστες μπορούν να πληκτρολογήσουν τις απαντήσεις τους. Για παράδειγμα, εάν θέλετε να ρωτήσετε ποιος παρέπεμψε τον χρήστη στον ιστότοπό σας, ο κώδικάς σας θα μοιάζει με αυτό:

Βήμα 4

Χρησιμοποιήστε το ετικέτα για να δημιουργήσετε κουμπιά επιλογής. Με τα κουμπιά επιλογής, ο χρήστης μπορεί να επιλέξει μόνο μία επιλογή. Κάθε είσοδος στο σετ κουμπιών επιλογής θα πρέπει να έχει το ίδιο όνομα, αλλά μοναδικά χαρακτηριστικά τιμής. Για παράδειγμα, για να ρωτήσετε εάν οι επισκέπτες απόλαυσαν τον ιστότοπό σας, χρησιμοποιήστε αυτό:

Ναί

Οχι

Η ετικέτα δημιουργεί μια αλλαγή γραμμής στην ιστοσελίδα σας, καθώς η HTML από μόνη της δεν αναγνωρίζει το λευκό διάστημα.

Βήμα 5

Χρησιμοποιήστε το ετικέτα για να δημιουργήσετε πλαίσια ελέγχου. Σε αντίθεση με τα κουμπιά επιλογής, ο χρήστης μπορεί να επιλέξει πολλαπλά πλαίσια ελέγχου σε ένα σύνολο. Ακριβώς όπως τα κουμπιά επιλογής, κάθε επιλογή στο σετ θα πρέπει να έχει το ίδιο όνομα αλλά να έχει μοναδικές τιμές. Για παράδειγμα, για να ζητήσετε από τον επισκέπτη να προτείνει λειτουργίες για τον ιστότοπό σας:

Περισσότερες φωτογραφίες!

Περισσότεροι σύνδεσμοι!

Περισσότερο περιεχόμενο!

Βήμα 6

Χρησιμοποιήστε τις ετικέτες για να δημιουργήσετε μια αναπτυσσόμενη λίστα επιλογής από την οποία ο χρήστης μπορεί να επιλέξει μόνο μία επιλογή. Για κάθε επιλογή στη λίστα σας, δημιουργήστε μια ξεχωριστή ρυθμίζεται μεταξύ ανοίγματος και κλεισίματος

Εφόσον η επιλογή "χρώματα" διαθέτει το επιλεγμένο χαρακτηριστικό, θα είναι η προεπιλεγμένη επιλογή.

Βήμα 7

Χρησιμοποιήστε το ετικέτα για να δημιουργήσετε ένα κουμπί υποβολής. Όταν ο χρήστης κάνει κλικ σε αυτό το κουμπί, οι πληροφορίες που εισήγαγε θα προωθηθούν σε εσάς, ανάλογα με τη μέθοδο ανάκτησης που καθορίσατε στο άνοιγμα