Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

please help me
error: you should have an h1 element with an id of title

Survey Form

Please fill out the survey form below.

Name

Your code so far

<!-- file: index.html -->
<!-- file: index.html -->
<!DOCTYPE html>
<html lang='en'>

  <head>
    <meta charset='UTF-8'>
    <title id='title'>Survey Form</title>
      <link rel='stylesheet' href='styles.css'>
    </head>

    <body>
<h1 id='title'> Survey Form </h1>
<p id='description'>Please fill out the survey form below.</p>
<form id='survey-form'>
<label for='name' id='name-label'>Name</label>
<input id='name'type='text'placeholder='Enter Your Name' required>
 <label for='email' id='email-label'>Email
  </label>
<input id='email' type='email' placeholder='Enter Your Email' required>
<label for='number' id='number-label'>Age
    </label>
<input id='number' type='number' min='13' max='100' placeholder='Enter Your Age'>
<label for='dropdown'>Favorite Color:
 </label>
<select id='dropdown'>
   <option value='select'>Select</option>
      <option value='pink'>Pink</option>
        <option value='blue'>Blue</option>
       <option value='purple'>Purple</option>
        <option value='green'>Green</option>
         <option value='other'>Other</option>
        </select>
  <p>Gender: </p>
<label>Male <input type='radio' name='gender' value='male'>
 </label>
  <label>Female<input type='radio' name='gender' value='female'>
  </label>
  <p>Preferred Pets:</p>
  <label>Cats<input type='checkbox' name='preferred-pets' value='cats'>
  </label>
<label>Dogs<input type='checkbox' name='preferred-pets' value='dogs'>
  </label>
  <label>Birds<input type='checkbox' name='preferred-pets' value='birds'>
  </label>
                                  <label>Reptiles<input type='checkbox' name='preferred-pets' value='reptiles'>
  </label>
<label for='comments'>Additional Comments:
  </label>
<textarea id='comments' name='comments' placeholder='Enter your comments here...'>
</textarea>
<button type='submit' id='submit'>
  Submit
  </button>
  </form>
  </body>
</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36 Edg/126.0.0.0

Challenge Information:

Survey Form - Build a Survey Form

2

you can’t have multiple elements with the same id

3

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