Survey Form - Build a Survey Form

Tell us what’s happening:

how does it look so far correct or not?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial scale=1.0">
<link href="styles.css" rel="stylesheet">
<title>Survey form</title>
<body>
  <h1 id="title">Survey Form</h1>
  <p id="description"> <em>This is a survey form for users of freecodecamp.org.<em/></p>
  <form action="https://www.freecodecamp.org" id="survey-form" method="post">
  <fieldset>
   <label for"name">Name <input id="name-label" type="text" placeholder="Enter your Name" required value="name" name="name"> </input>
  </label>
 <label for="email">Email <input id="email-label" type="email"
 name="email" placeholder="Enter your Email" required value="email" name="email"></input></label>

 <label for="number">Number <input id="number-label" type="text" placeholder="Enter your Number" required min="10"
 max="14" value="number" name="number">
 </input></label>
 </fieldset>
 <fieldset>
 <select>
  <option value="""">Why do you want to learn coding?</option>
  <option value="Personal interest">Personal interest</option>
  <option value="For My Business">For My Business</option>
  <option value="For My Career">For My Career</option>
  <option value="Other">Other</option>
 </select>
 <label>
   What is your learning style?
  <input id="Hands-on" type="radio" class="radio" checked value="learning-style" name="Hands-on" >Hands-on</input>
   <input id="Hands-off" type="radio" class="radio" value="learning-style"
   name=" Hands-off" >Hands-off</input>
  </label>
  </fieldset>
  </form>
</body>
</html>
/* file: styles.css */
body{background-color:navy;
color:white;
font-family:Arial;}
h1{
display:block;  text-align:center;
font-family:Arial;}

label{display:block;
margin:0.5rem;
margin-right:1em;}
.radio{display:in-line;
margin-top:10px;}
fieldset{margin-top:10px;}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

It is quite difficult to read, as you are not using the standard format for css

But, run the tests to know how it’s going

1 Like

what is the standard format?

selector {
    name: value;
}
1 Like