Home Web Development PHP Build a Simple Quiz In PHP | Source Code

Build a Simple Quiz In PHP | Source Code

March 19, 2019

75405

Build a Simple Quiz In PHP: This is so easy to make. But, when you have knowledge in PHP. This Quiz was created with PHP, HTML & CSS, Easy to create and you can use it anywhere. This programme is basically based on PHP but, you don’t have to create a database for it. I had created with the help of method=”post” & var $ ( PHP variables ) only.

You May Like Previously Shared Posts

Free Bootstrap Login Form Source Code

PHP Quiz Code

I had created a very simple quiz program and now I am sharing this Quiz Code. As always, I am sharing a clean, basic & simple code. I think this is the strength of this blog. This is very simple So, easy to understand. This programs have many issues I have already said this is basic for better learning and understanding. Here is a preview of this below:

php quiz code

Source Code Below Here:

There are 3 files, “quiz.php” “result.php” & “style.css”. You have to create 3 files named here given.

First, create a file named “quiz.php“. in this file you have to make a quiz template with question & answers form. In <head> </head> section you have to link CSS file name “style.css” & Put “result.php” in submit action.

<!DOCTYPE html>
<!--code by webdevtrick (webdevtrick.com) -->
<head>
	<meta charset=UTF-8" />
	
	<title>PHP QUIZ | Webdevtrick.com</title>
	
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

	<div id="page-wrap">

		<h1>Simple Quiz Built On PHP</h1>
		
		<form action="result.php" method="post" id="quiz">
		
            <ol>
            
                <li>
                
                    <h3>WordPress is a...</h3>
                    
                    <div>
                        <input type="radio" name="question-1-answers" id="question-1-answers-A" value="A" />
                        <label for="question-1-answers-A">A) Software </label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-1-answers" id="question-1-answers-B" value="B" />
                        <label for="question-1-answers-B">B) Web App</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-1-answers" id="question-1-answers-C" value="C" />
                        <label for="question-1-answers-C">C) CMS</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-1-answers" id="question-1-answers-D" value="D" />
                        <label for="question-1-answers-D">D) Other</label>
                    </div>
                
                </li>
                
                <li>
                
                    <h3>SEO is Part Of...</h3>
                    
                    <div>
                        <input type="radio" name="question-2-answers" id="question-2-answers-A" value="A" />
                        <label for="question-2-answers-A">A) Video Editing</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-2-answers" id="question-2-answers-B" value="B" />
                        <label for="question-2-answers-B">B) Graphic Designing</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-2-answers" id="question-2-answers-C" value="C" />
                        <label for="question-2-answers-C">C) Web Designing</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-2-answers" id="question-2-answers-D" value="D" />
                        <label for="question-2-answers-D">D) Digital Marketing</label>
                    </div>
                
                </li>
                
                <li>
                
                    <h3>PHP is a....</h3>
                    
                    <div>
                        <input type="radio" name="question-3-answers" id="question-3-answers-A" value="A" />
                        <label for="question-3-answers-A">A) Server Side Script</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-3-answers" id="question-3-answers-B" value="B" />
                        <label for="question-3-answers-B">B) Programming Language</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-3-answers" id="question-3-answers-C" value="C" />
                        <label for="question-3-answers-C">C) Markup Language</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-3-answers" id="question-3-answers-D" value="D" />
                        <label for="question-3-answers-D">D) None Of Above These</label>
                    </div>
                
                </li>
                
                <li>
                
                    <h3>Localhost IP is..</h3>
                    
                    <div>
                        <input type="radio" name="question-4-answers" id="question-4-answers-A" value="A" />
                        <label for="question-4-answers-A">A) 192.168.0.1</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-4-answers" id="question-4-answers-B" value="B" />
                        <label for="question-4-answers-B">B) 127.0.0.0</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-4-answers" id="question-4-answers-C" value="C" />
                        <label for="question-4-answers-C">C) 1080:80</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-4-answers" id="question-4-answers-D" value="D" />
                        <label for="question-4-answers-D">D) Any Other</label>
                    </div>
                
                </li>
                
                <li>
                
                    <h3>Webdevtrick Is For</h3>
                    
                    <div>
                        <input type="radio" name="question-5-answers" id="question-5-answers-A" value="A" />
                        <label for="question-5-answers-A">A) Web Designer</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-5-answers" id="question-5-answers-B" value="B" />
                        <label for="question-5-answers-B">B) Web Developer</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-5-answers" id="question-5-answers-C" value="C" />
                        <label for="question-5-answers-C">C) Graphic Designer</label>
                    </div>
                    
                    <div>
                        <input type="radio" name="question-5-answers" id="question-5-answers-D" value="D" />
                        <label for="question-5-answers-D">D) All Above These</label>
                    </div>
                
                </li>
            
            </ol>
            
            <input type="submit" value="Submit" class="submitbtn" />
		
		</form>
	
	</div>


</body>

</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

<!DOCTYPE html>

<head>

<title>PHP QUIZ | Webdevtrick.com</title>

</head>

<body>

<h1>Simple Quiz Built On PHP</h1>

<ol>

<li>

<h3>WordPress is a...</h3>

<div>

<label for="question-1-answers-A">A) Software </label>

</div>

<div>

</div>

<div>

</div>

<div>

<label for="question-1-answers-D">D) Other</label>

</div>

</li>

<li>

<div>

<label for="question-2-answers-A">A) Video Editing</label>

</div>

<div>

<label for="question-2-answers-B">B) Graphic Designing</label>

</div>

<div>

<label for="question-2-answers-C">C) Web Designing</label>

</div>

<div>

<label for="question-2-answers-D">D) Digital Marketing</label>

</div>

</li>

<li>

<div>

<label for="question-3-answers-A">A) Server Side Script</label>

</div>

<div>

<label for="question-3-answers-B">B) Programming Language</label>

</div>

<div>

<label for="question-3-answers-C">C) Markup Language</label>

</div>

<div>

<label for="question-3-answers-D">D) None Of Above These</label>

</div>

</li>

<li>

<h3>Localhost IP is..</h3>

<div>

</div>

<div>

</div>

<div>

</div>

<div>

<label for="question-4-answers-D">D) Any Other</label>

</div>

</li>

<li>

<h3>Webdevtrick Is For</h3>

<div>

<label for="question-5-answers-A">A) Web Designer</label>

</div>

<div>

<label for="question-5-answers-B">B) Web Developer</label>

</div>

<div>

<label for="question-5-answers-C">C) Graphic Designer</label>

</div>

<div>

<label for="question-5-answers-D">D) All Above These</label>

</div>

</li>

</ol>

</form>

</div>

</body>

</html>

Now you have to create a file named “result.php” and paste codes given below.

<!DOCTYPE html>
<!--code by webdevtrick (webdevtrick.com) -->
<html>

<head>
	<meta charset=UTF-8" />
	
	<title>PHP Quiz</title>
	
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

	<div id="page-wrap">

		<h1>Result | Webdevtrick.com</h1>
		
        <?php
            
            $answer1 = $_POST['question-1-answers'];
            $answer2 = $_POST['question-2-answers'];
            $answer3 = $_POST['question-3-answers'];
            $answer4 = $_POST['question-4-answers'];
            $answer5 = $_POST['question-5-answers'];
        
            $totalCorrect = 0;
            
            if ($answer1 == "C") { $totalCorrect++; }
            if ($answer2 == "D") { $totalCorrect++; }
            if ($answer3 == "A") { $totalCorrect++; }
            if ($answer4 == "B") { $totalCorrect++; }
            if ($answer5 == "D") { $totalCorrect++; }
            
            echo "<div id='results'>$totalCorrect / 5 correct</div>";
            
        ?>
	
	</div>

</body>

</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>Result | Webdevtrick.com</h1>

<?php

$answer1 = $_POST['question-1-answers'];

$answer2 = $_POST['question-2-answers'];

$answer3 = $_POST['question-3-answers'];

$answer4 = $_POST['question-4-answers'];

$answer5 = $_POST['question-5-answers'];

$totalCorrect = 0;

if ($answer1 == "C") { $totalCorrect++; }

if ($answer2 == "D") { $totalCorrect++; }

if ($answer3 == "A") { $totalCorrect++; }

if ($answer4 == "B") { $totalCorrect++; }

if ($answer5 == "D") { $totalCorrect++; }

echo "<div id='results'>$totalCorrect / 5 correct</div>";

</div>

</body>

</html>

Finally, You have to give this quiz form some style, In other words, decoration. Create a file named “style.css”.

/*
	Code By Webdevtrick (https://webdevtrick.com)
*/


body{ font: 14px Georgia, serif; }

#page-wrap { width: 500px; margin: 0 auto;}

h1  { margin: 25px 0; font: 18px Georgia, Serif; text-transform: uppercase; letter-spacing: 3px; }

#quiz input {
    vertical-align: middle;
}

#quiz ol {
   margin: 0 0 10px 20px;
}

#quiz ol li {
   margin: 0 0 20px 0;
}

#quiz ol li div {
   padding: 4px 0;
}

#quiz h3 {
   font-size: 17px; margin: 0 0 1px 0; color: #666;
}

#results {
    font: 44px Georgia, Serif;
}

Code By Webdevtrick (https://webdevtrick.com)

body{ font: 14px Georgia, serif; }

#page-wrap { width: 500px; margin: 0 auto;}

h1 { margin: 25px 0; font: 18px Georgia, Serif; text-transform: uppercase; letter-spacing: 3px; }

#quiz input {

vertical-align: middle;

}

#quiz ol {

margin: 0 0 10px 20px;

}

#quiz ol li {

margin: 0 0 20px 0;

}

#quiz ol li div {

padding: 4px 0;

}

#quiz h3 {

font-size: 17px; margin: 0 0 1px 0; color: #666;

}

#results {

font: 44px Georgia, Serif;

}

That’s It, Now you’re done. You have successfully created a simple quiz program. Note: PHP always runs on a server. So, you have to run this program in hosting or localhost. I hope this article will be helpful or useful to you. For Localhost, Download Xampp. If you have any question or suggestion comment down below.

Thanks For Visiting, Keep Visiting.

14 COMMENTS

Chuck July 26, 2019 At 4:13 pm

As a PHP newbie this was a lot of help thanks. I needed to create fun little quizzes for a comedy website and this is the perfect solution because it’s so simple! It worked nicely 🙂

Reply
Bharathi.R February 9, 2020 At 3:09 pm

I have an error
Undefined index:question-1-answers This error is repeat for each 4 questions

Reply
Ankit Khandelwal April 3, 2020 At 8:11 pm

Hi Shaan,

Can we speak over a call?
Revert to my message via email. I am working on a project related to quizzes. Need a little help.

Thanks and regards

Reply
Sourav Das April 11, 2020 At 12:11 pm

I am seeking home based php job(part time).I have experience in Php,Javascript,Ajax,Codeigniter.
So,If any jobwork exists, Please Contact me in this email:
sourav1001@gmail.com

Reply
Ananth April 27, 2020 At 7:44 am

Thank you so much for your help. This is really simple and easy to incorporate.

Reply
Lanre June 10, 2020 At 11:55 am

Thanks.pls want d questions one per page.want also total for each of d 4 subjects before grand total.

Reply
Jagmeet Lal June 27, 2020 At 5:33 am

Thank you so much for your help. This is really simple and easy to incorporate.

Reply
rahul kumar July 10, 2020 At 8:59 am

this code is use full thank you for sharing this code

Reply
Sara Ali Khan November 4, 2020 At 4:56 am

I am going to use this code in my project thanks.

Reply
jitender kumar November 7, 2021 At 4:09 pm

is there anyone please who can help me to export this php quiz data result after submitting to excel or pdf or even on simple txt page will be fine ?
please send me code for this i will be thankful for your support.

Reply
madat November 23, 2021 At 8:13 am

thank you very much it’s very useful and simple code

Reply
Mika March 21, 2022 At 10:45 am

nice

Reply
help April 23, 2022 At 4:17 am

how to put in database?

Reply
Abdoolah August 27, 2022 At 8:05 am

thanks a lot that help , any code code that cans end the result to the admin email instead on screen

Reply