Survey Form - Build a Survey Form

The words on my legend element does not appear in my website but the radio button does appear. How to solve this problem?

Whould you like applying job with us? Definetly Maybe Not sure

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Survey Form</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1 id="title">Petronas Survey Form</h1>
    <p id="description">Thank you for applying job with us<p>
    <form id="survey form" method="post" action="https://register-demo.freecodecamp.org">
      <fieldset>
         <label for="name-label">Name<input id="name-label" type="text" placeholder="Enter your name" required/></label>
         <label for="email-label">Email<input id="email-label" type="email" placeholder="Enter your email" required/></label>
         <label for="number-label">Age<input id="number-label" type="number" min="18" max="64" placeholder="Age" required/></label>
      </fieldset>
      <fieldset>
         <label for="dropdown">Which option best describes your curent role?
         <select id="dropdown" name="dropdown" class="block">
           <option value="">Selects an option</option>
           <option value="1">Electrical engineering</option>
           <option value="2">Mechanical engineering</option>
           <option value="3">Chemical engineering</option>
         </label>
       </fieldset>    
       <fieldset>
         <legend> Whould you like applying job with us?</legend>
         <label><input id="definetly" type="radio"/> Definetly</label>
         <label><input id="maybe" type="radio"/> Maybe</label>
         <label><input id="not-sure" type="radio" /> Not sure</label>
       </fieldset>  
     
    </form>    
   
    
  </body>  



</html>  
/* file: styles.css */
body {
  background-color: white;
}
 

h1, p {
  text-align: center;
}

form {
 
}

label {
  display: block;
  margin: 0.5rem 0;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

you are missing the </select> closing tag here

1 Like

Thank you for your help. I really appreciate it

1 Like