Survey Form - Build a Survey Form

HTML-CSS
#1

I need help on my survey form
// running tests
Every radio button group should have at least 2 radio buttons.
// tests completed.
I dont know is am correct or wrong please hint or corrections.

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="styles.css">
    <title>Survey Form</title>
    </head>
    <body>
      <h1 id="title">
        Survey Form
        </h1>
      <p id="description">
        Your opinion is highly appreciated
        </p>
          <form id="survey-form">
              <label for="name" id="name-label">Name: <input type="text" id="name" placeholder="Enter your name" required></label>
            <label for="email" id="email-label">Email: <input type="email" id="email" placeholder="Enter your email address" required></label>
            <label for="age" id="number-label">Age: <input type="number" id="number" placeholder="Enter your age" min="18" max="45" required></label>
            <fieldset>What do you like mostly about us</fieldset>
            </label>
              <select id="dropdown">
              <option value="select one"></ption>
              <option value="1">Product</option>
              <option value="2">Labeling</option>
              </select>
              </fieldset>
              <fieldset>Would you recommend us to someone else?
              <label for="yes">
                <input id="yes" type="radio" name="yes-no" value="yes">Yes</label>
                <label for="no">
                  <input id="no" type="radio" name="no-yes" value="no">No</label>
                  <label for="other">
                    <input id="other" type="radio" name="other" value="other">Other</label>
                  </fieldset>
                  <fieldset>How will you want us to served you better?</fieldset>
                    <label for="deliver on time">
              <input id="deliver on time" type="checkbox" name="deliver on time" value="deliver on time">Delivering on time</label>
              <label for="package improvement">
              <input id="package improvement" type="checkbox" name="package improvement" value="package improvement">Package improvement</label>
              </fieldset>
              <textarea id="Any other comment" roll="3" col="30"></textarea>
              <button type="Submit" id="submit">Submit</button>

              
              
    
            
            

/* 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/107.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

#2

if this question can only have one answer, then you should group the radio buttons so that the user can only select one.
You do that by setting the value of the name attribute to be the same one for all three.

#3

thank you so much it work.

1 Like