Comment faire pour créer un quiz en ligne avec PHP

Comment faire pour créer un quiz en ligne avec PHP


En ajoutant des fonctionnalités dynamiques comme des questionnaires à des pages Web, les développeurs de trouver des moyens de faire participer les internautes et les inciter à passer plus de temps à interagir sur leurs sites. Merci aux langues web-centric comme PHP et la nature dynamique de HTML, les développeurs peuvent mettre en œuvre des questionnaires Web et stocker les résultats pour une variété d'applications. PHP a des caractéristiques telles que des variables super-globales qui rendent le traitement quiz facile, ainsi que des fonctionnalités intégrées pour l'impression et le stockage des résultats de quiz.

Instructions

1 Ouvrez un éditeur de texte et de créer un nouveau fichier texte. Ajouter quelques balises HTML de base dans le fichier qui incluent "<html>", "<head>", "</ head>", "<body>", "</ body>" et "</ html>". Enregistrez le fichier avec le nom "quiz.php".

<Html>

<Head> </ head>

<Body> </ body>

</ Html>

2 Inclure un HTML "<form>" tag pour quiz.php entre le "<body>" et "</ body>" balises HTML. Donner la forme d'une "méthode" attribut de "post", une "action" attribut "quiz.php" et fermer le "</ form>" tag. Ajoutez le code suivant au code affiché à l'étape 1:

<Form method = "post" action = "quiz.php">

</ Form>

3 Ajouter la première question du quiz au HTML en utilisant une zone de liste. Tout d'abord, ajouter le texte "1. Quel est votre sexe?" Deuxièmement, ajouter un "<select>" tag avec un attribut "name" de "question1". Troisièmement, ajouter deux "<option>" tags. Le premier "<option>" tag devrait avoir une "valeur" attribut "<option>" "mâle" et une valeur de texte de «mâle» et la deuxième balise doit avoir une "valeur" attribut de «féminin» et un texte valeur de "femelle". Fermez chaque "<option>" tag avec un "</ option>" tag et fermer la "<select>" tag avec un "</ select>" tag. Ajoutez le code suivant au code affiché à l'étape 2:

Quel est votre sexe?

<Select name = "question1">

<Option value = "mâle"> mâle </ option>

<Option value = "femelle"> femelle </ option>

</ Select>

4 Ajouter la deuxième question du quiz au HTML en utilisant un ensemble de boutons radio. Tout d'abord, ajoutez le texte "2. Aimez-vous danser?" Deuxièmement, ajouter deux "<input>" tags. Le premier "<input>" tag devrait avoir un attribut "type" de "radio", un "nom" attribut "question2", une "valeur" attribut de "oui" et une valeur de texte de «oui». Le deuxième "<input>" tag devrait avoir un attribut "type" de "radio", un "nom" attribut "question2", une "valeur" attribut de "non", et une valeur de texte de «non». Ajoutez le code suivant au code affiché à l'étape 3:

Aimes-tu danser?

<Input type = "radio" name = valeur "question2" = "Oui"> Oui

<Input type = "radio" name = valeur "question2" = "No"> Non

5 Ajouter la troisième question du quiz au HTML en utilisant un champ de saisie. Tout d'abord, ajouter le texte "3. Ma nourriture préférée est:" Deuxièmement, ajouter un "<input>" tag avec un attribut "type" du "texte" et un "nom" attribut "question3". Ajoutez le code suivant au code affiché à l'étape 4:

Mon plat préféré est:

<Input type = "text" name = "question3">

6 Ajouter un HTML "<input>" tag après la troisième question du quiz. Donnez le bouton un attribut "type" de "soumettre", une "valeur" attribut de "Soumettre" et un "nom" attribut de "soumettre". Ajoutez le code suivant au code affiché à l'étape 5:

<Input type = "submit" value = "Soumettre" name = "submit">

7 Ajouter deux délimiteurs PHP ( "<? Php") et ( "?>" "<Button>" tag) dans le fichier après le code HTML. Ces délimiteurs indiquent où le code PHP qui gère les réponses du quiz sera placé. Ajoutez le code suivant au code indiqué à l'étape 6 immédiatement après la "</ form>" tag close.

<? Php

?>

8 Créer une variable PHP $ quizValues ​​et placez la variable entre les délimiteurs de PHP ( "<? Php" et "?>"). Réglez le quizValues ​​$ variable égale à la valeur de la première réponse du questionnaire (envoyé avec la forme post). Ajoutez le code suivant au code affiché à l'étape 7.

$ QuizValues ​​= $ _POST [ "question1"];

9 Ajouter la valeur de la deuxième réponse du quiz à la valeur de la variable $ quizValues. Utilisez le PHP "." opérateur de concaténation à ajouter la deuxième réponse à la première réponse avec une virgule qui sépare les valeurs. Ajoutez le code suivant au code affiché à l'étape 8.

$ QuizValues ​​= $ quizValues. ",". $ _POST [ "Question2"];

dix Ajouter la valeur de la troisième réponse du quiz à la valeur de la variable $ quizValues. Utilisez le PHP "." opérateur de concaténation pour ajouter la troisième réponse à la première et la deuxième réponse avec une virgule qui sépare les valeurs. Ajoutez le code suivant au code affiché à l'étape 9.

$ QuizValues ​​= $ quizValues. ",". $ _POST [ "Question3"];

11 Utilisez le PHP "print" langage construction d'imprimer la variable "de quizValues ​​de $" à la page. Imprimer la valeur en utilisant des guillemets et inclure le texte "Les réponses au questionnaire sont:". Après avoir ajouté le "print" langage construction, le code doit apparaître comme illustré ci-dessous. Enregistrer et fermer quiz.php.

<Html>

<Head> </ head>

<Body>

<Form method = "post" action = "quiz.php">

Quel est votre sexe?

<Select name = "question1">

<Option value = "mâle"> mâle </ option>

<Option value = "femelle"> femelle </ option>

</ Select>

Aimes-tu danser?

<Input type = "radio" name = valeur "question2" = "Oui"> Oui

<Input type = "radio" name = valeur "question2" = "No"> Non

Mon plat préféré est:

<Input type = "text" name = "question3">

<Input type = "submit" value = "Soumettre" name = "submit">

</ Form>

<? Php

$ QuizValues ​​= $ _POST [ "question1"];

$ QuizValues ​​= $ quizValues. ",". $ _POST [ "Question2"];

$ QuizValues ​​= $ quizValues. ",". $ _POST [ "Question3"];

imprimer "Les réponses au questionnaire sont: $ quizValues";

?>

</ Body>

</ Html>

12 Quiz.php ouvert dans un navigateur Web. Remplissez le questionnaire et cliquez sur le bouton «Soumettre» pour vérifier que les réponses du quiz imprimer sur la page.

Conseils et avertissements

  • Vous pouvez utiliser le PHP tableau $ _GET soumettre quizz réponses, bien que vous ne devriez pas l'utiliser pour obtenir des informations sensibles.
  • Pensez à utiliser la fonction isset () pour seulement afficher les réponses du quiz quand ils ont été soumis au moins une fois. Cela permettra d'assurer que les anciennes valeurs stockées dans la page ne pas afficher avant que l'utilisateur peut soumettre à nouveau le formulaire.
  • Envisagez d'utiliser une base de données pour stocker les réponses du quiz si vous allez les utiliser pour une analyse ultérieure.
  • Vous pouvez utiliser de nombreuses balises de remplacement HTML pour créer des questions de quiz, y compris les questions de paragraphe et des cases à cocher.
  • Rappelez-vous de rendre compte de l'erreur de l'utilisateur ou des données falsifiées lorsque vous tirer des conclusions de tout quiz en ligne, enquête ou un sondage.