Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title></title>
</head>
<body>

<div class="header">
 <h1 id="title">How To Go To School Survey Form</h1>
 <p id="description">Welcome To How To Go To School Survey Form</p>
</div>

 <form id="survey-form">
   <div class="personal-data">
   <label id="name-label">Enter Your Name :</label>
   <input id="name" type="text" placeholder="Name" required> <br> <br>
   <label id="email-label">Enter Your Email :</label>
   <input id="email" type="email" required placeholder="Email"> <br> <br>
   <label id="number-label">Enter Your Age :</label>
   <input id="number" type="number" min="12" max="40" placeholder="Age [12-40]"> <br> <br>
   </div>

<div class="option">
<select id="dropdown">
  <option value="">How You Go To School</option>
  <option value="1">With Your Parents</option>
  <option value="2">With Your Friends</option>
  <option value="3">Alone</option>  
 </select>
 </div>

 <div class="radio-button">
   <p>What Your Study On School</p>
   <label for="sd">SD</label>
   <input type="radio" id="sd" value="sd" name="sd"> <br>
   <label for="smp">SMP</label>
   <input type="radio" id="smp" value="smp" name="smp"> <br>
   <label for="smk">SMK</label>
   <input type="radio" id="smk" name="smk" value="smk"> <br> <br>
 </div>

 <div class="checkbox">
   <label for="car">CAR</label>
    <input type="checkbox" value="car" name="car"> <br>
    <label for="motorcycle">MOTORCYCLE</label>
    <input type="checkbox" value="motorcycle" name="motorcycle"> <br>
    <label for="bicycle">BICYCLE</label>
    <input type="checkbox" value="bicycle" name="bicycle"> <br> <br>
 </div>

 <div class="textarea">
   <p>What Your Comment</p>
   <textarea id="comment" name="comment">
   </textarea> <br> <br>
 </div>

 <div class="button">
   <p>Thank You For Filling Out This Survey</p>
   <button type="submit" id="submit">Submit</button>
 </div>

 </form>

   


</body>
</html>
/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

What is the problem, exactly?

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.