T7 Coding Challenge 2
unknown
plain_text
18 days ago
4.2 kB
5
Indexable
<!doctype html>
<html lang="en">
<head>
<!--
New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 7
Coding Challenge 2
Author: John Robert Cabatbat
Date: 02/27/2025
Filename: code7-2.html
-->
<meta charset="utf-8">
<title>Coding Challenge 7-2</title>
<link rel="stylesheet" href="code7-2_forms.css">
</head>
<body>
<h1>Survey Questions</h1>
<form action="submit-survey.php" method="post"></form>
<ol type="1">
<li>
How satisfied were you with the conference workshops?
<ol type="a">
<li>
<input type="radio" id="q1a" name="q1" value="a">
<label for="q1a">Very Satisfied</label>
</li>
<li>
<input type="radio" id="q1b" name="q1" value="b">
<label for="q1b">Satisfied</label>
</li>
<li>
<input type="radio" id="q1c" name="q1" value="c">
<label for="q1c">Dissatisfied</label>
</li>
<li>
<input type="radio" id="q1d" name="q1" value="d">
<label for="q1d">Very Dissatisfied</label>
</li>
</ol>
</li>
<li>
How satisfied were you with the conference speakers?
<ol type="a">
<li>
<input type="radio" id="q2a" name="q2" value="a">
<label for="q2a">Very Satisfied</label>
</li>
<li>
<input type="radio" id="q2b" name="q2" value="b">
<label for="q2b">Satisfied</label>
</li>
<li>
<input type="radio" id="q2c" name="q2" value="c">
<label for="q2c">Dissatisfied</label>
</li>
<li>
<input type="radio" id="q2d" name="q2" value="d">
<label for="q2d">Very Dissatisfied</label>
</li>
</ol>
</li>
<li>
How satisfied were you with the conference facilities?
<ol type="a">
<li>
<input type="radio" id="q3a" name="q3" value="a">
<label for="q3a">Very Satisfied</label>
</li>
<li>
<input type="radio" id="q3b" name="q3" value="b">
<label for="q3b">Satisfied</label>
</li>
<li>
<input type="radio" id="q3c" name="q3" value="c">
<label for="q3c">Dissatisfied</label>
</li>
<li>
<input type="radio" id="q3d" name="q3" value="d">
<label for="q3d">Very Dissatisfied</label>
</li>
</ol>
</li>
<li>
How likely are you to attend next year's conference?
<div id="newRow">
very unlikely
<input type="range" name="q4" min="1" max="10" step="1" value="5">
very likely
</div>
</li>
<li>
<label for="q5text">Provide any suggestions for the next conference:</label>
<textarea id="q5text" name="q5" placeholder="enter your suggestions here"></textarea>
</li>
</ol>
</form>
</body>
</html>
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 8th Edition
Tutorial 7
Coding Challenge 2
Filename: code7-2_forms.css
*/
h1 {
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
margin-left: 25px;
}
ol {
line-height: 1.5em;
}
input {
display: inline-block;
margin-right: 15px;
}
div#newRow {
margin-left: 25px;
}
input[type="range"] {
display: inline-block;
margin: 5px 10px;
width: 175px;
}
textarea {
width: 400px;
height: 100px;
display: block;
margin: 10px 0px 10px 20px;
padding: 3px;
}
Editor is loading...
Leave a Comment