Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I honestly don’t understand what you mean by 36. All your radio buttons should have a value attribute and value. 42. You should have an input or button element with an id of submit. 43. Your #submit should have a type of submit.

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
   <link rel="stylesheet" href="styles.css">
   </head>
<body>
  <header>
<h1 id="title">Unit 1 Opinions</h1>
<id="title">
  <p id="description">What is your thought about Unit 1</p>
<form id="survey-form"Survey Form>
  <label id="name-label" for="name">Name</label>
<input id="name" type="text" name="name" placeholder="Enter Your Name" required>
<br>
<label id="number-label" for="number">Number</label>
<input id="number" type="number" min="1" max="27" name="Class Number" placeholder="Enter your Class Number"></input>
<br>
<label id="email-label" for="email">Email:</label>
<input id="email" type="email" name="email" placeholder="Enter your Email" required>
<br>

<p> Did You Like Unit 1</p>
 <input id="yes-option" type="radio" name="Unit 1"/>
          <label for="yes-option">Yes</label>
          <input id="no-option" type="radio" name="Unit 1" />
         <label for="no-option">No</label>
        </br>
          <label for="Unit1">What was your opinion of unit1?</label>


          <select name="Unit1" id="Unit1">
            <option value="Different Opportunities">Different Opportunities</option>
            <option value="Very Interactive">Very Interactive</option>
            <option value="Easy">Easy</option>
            <option value="Challenging">Challenging</option>
            <option selected value="Different Opportunities">Different Opportunities</option>
          </select>
        </fieldset>
        </br>
<label for="Unit1">What Part of the unit was Easy</label>


          <select name="Unit1" id="Unit1">
            <option value="Visualizing Information”>Visualizing Information</option>
            <option value="Perimeter and Area Relationships">Perimeter and Area Relationships</option>
            <option value=" Describing and Extending Patterns"> Describing and Extending Patterns</option>
            <option value="Representing Data">Representing Data</option>
<option value="Making Sense of a Logic Problem">Making Sense of a Logic Problem</option>
<option value=" Mutiple Representations"> Mutiple Representations</option>
<option value="Representing Comparisons">Representing Comparisons</option>
<option value="Characteristics of Numbers">Characteristics of Numbers</option>
<option value="Products, Factors, and Factor Pairs">Products, Factors, and Factor Pairs</option>
<option selected value="Characteristics of Numbers">Characteristics of Numbers</option>
          </select>
        </fieldset>
        </br>
<label for="Unit1">What Part of the unit was Challenging</label>


          <select name="Unit1" id="Unit1">
            <option value="Visualizing Information”>Visualizing Information</option>
            <option value="Perimeter and Area Relationships">Perimeter and Area Relationships</option>
            <option value=" Describing and Extending Patterns"> Describing and Extending Patterns</option>
            <option value="Representing Data">Representing Data</option>
<option value="Making Sense of a Logic Problem">Making Sense of a Logic Problem</option>
<option value=" Mutiple Representations"> Mutiple Representations</option>
<option value="Representing Comparisons">Representing Comparisons</option>
<option value="Characteristics of Numbers">Characteristics of Numbers</option>
<option value="Products, Factors, and Factor Pairs">Products, Factors, and Factor Pairs</option>
<option selected value=""Making Sense of a Logic Problem">Making Sense of a Logic Problem"></option>
          </select>
        </br>
<label for="comments">Other Comments?</label>
        <textarea cols="30" rows="10" name="comments" id="comments"></textarea>

 <select id="dropdown"required>
        <option></option>
        <option></option>
        </select>
       <input  type="radio" value="value" name="name" >
        <input  type="radio" value="value" name="name" >
        <input type="checkbox" value="#survey-form"        id="textarea">
        <input type="checkbox" value="#survey-form" id="textarea">
        <textarea id="submit">
          
          </textarea>
          <button type="submit" id="submit">Submit</button>
    </form>
        <input type="checkbox" value="#survey-form"        id="textarea">
        <input type="checkbox" value="#survey-form" id="textarea">
        <textarea id="submit">
          
          </textarea>
          <button id="submit" submit type="submit">



  <body></body>
</html>

Your browser information:

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

Challenge Information:

Build a Survey Form - Build a Survey Form

2

You have two submit buttons. The syntax for the first one is correct.

I see other issues with your HTML though. Consider analyzing your code with an HTML validator: The W3C Markup Validation Service

1 Like
3

Review a group of radio boxes here: https://www.w3schools.com/tags/att_input_type_radio.asp

Note that the values are descriptive and not all the same