Comment faire un questionnaire en HTML

homme, tenue, presse-papiers, et, crayon

Les formulaires HTML vous permettent de recueillir toutes sortes d'informations auprès des visiteurs de votre site Web.

Crédit d'image : Stockbyte/Retrofile/Getty Images

Si vous souhaitez recueillir des données ou des commentaires des visiteurs de votre site Web, créez un questionnaire en utilisant le langage de balisage hypertexte (HTML). Votre questionnaire peut contenir une variété de méthodes de saisie, des boutons radio aux cases à cocher en passant par les listes déroulantes. Une fois que votre utilisateur a rempli le questionnaire, recevez ses réponses dans la boîte de réception de votre e-mail.

Étape 1

Ouvrez le document HTML dans lequel vous souhaitez présenter votre questionnaire dans le Bloc-notes, l'éditeur HTML intégré de votre hébergeur ou l'éditeur HTML de votre choix. Si vous démarrez une nouvelle page Web, créez un nouveau document TXT, puis insérez les balises de base :

Vidéo du jour

Titre de la page Web

Les balises de formulaire que vous créez iront entre les balises d'ouverture et de fermeture. Lorsque vous remplissez votre questionnaire, enregistrez le document au format HTM ou HTML, puis ouvrez-le dans n'importe quel navigateur Web pour prévisualiser votre travail.

Étape 2

Insérez le

. Toutes vos questions et les balises iront entre ces deux balises. Chaque La balise doit contenir un attribut "name", tel que. Pour que les réponses à votre questionnaire soient transmises à votre adresse e-mail, votre

Étape 3

Utilisez le tag pour créer un champ de saisie d'une ligne dans lequel les utilisateurs peuvent saisir leurs réponses. Par exemple, si vous souhaitez demander qui a référé l'utilisateur à votre site Web, votre code ressemblera à ceci :

Étape 4

Utilisez le tag pour créer des boutons radio. Avec les boutons radio, l'utilisateur ne peut sélectionner qu'une seule option. Chaque entrée de votre ensemble de boutons radio doit avoir le même nom, mais des attributs de valeur uniques. Par exemple, pour demander si les visiteurs ont apprécié votre site Web, utilisez ceci :

Oui

Non

La balise crée un saut de ligne sur votre page Web, car le HTML en lui-même ne reconnaît pas les espaces blancs.

Étape 5

Utilisez le tag pour créer des cases à cocher. Contrairement aux boutons radio, l'utilisateur peut sélectionner plusieurs cases à cocher dans un ensemble. Tout comme les boutons radio, chaque option de l'ensemble doit partager le même nom mais avoir des valeurs uniques. Par exemple, pour demander au visiteur de suggérer des fonctionnalités pour votre site Web :

Plus d'images!

Plus de liens !

Plus de contenu !

Étape 6

Utilisez les balises pour créer une liste de sélection déroulante dans laquelle l'utilisateur ne peut choisir qu'une seule option. Pour chaque option de votre liste, créez un réglé entre l'ouverture et la fermeture

Étant donné que l'option "couleurs" contient l'attribut sélectionné, ce sera la sélection par défaut.

Étape 7

Utilisez le tag pour créer un bouton de soumission. Lorsque l'utilisateur clique sur ce bouton, les informations qu'il a saisies vous seront transmises, en fonction de la méthode de récupération que vous avez spécifiée dans l'ouverture