Survey Form - Build a Survey Form

HTML-CSS
1

I Just finished my survey Form project but i don’t know if am correct or not so that i can move forward

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en"></html>
<head></head>
<body></body>
</html>
<head>
  <title>Survey Form</title>
  <meta charset="UTF-8">
  </head>
  <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8">
    <title>Survey Form</title>
    </head>
    <body>
    <head>
      <h1 id="title">Survey Form</h1>
      <p id="description"><em>Your opinion is highly appreciated</em></p>
      </head>
        </body>
          <form id="survey-form" class="survey-form">
            <fieldset>
            <label id="name-label">Name: <input id="name" type="text" name="name" placeholder="Enter your name" required/></label>
            <label id="email-label">Email: <input id="email" type="text" email="email" placeholder="Enter your email address" required/></label>
            <label id="number-label">number: <input id="number" type="number" name="number" min="15" max="35" placeholder="Enter your phone number" required/></label>
            </fieldset>
            <fieldset>What do you like mostly about us?
              <select id="dropdown" name="dropdown">
            <select id="dropdown" name="dropdown">
              <option value="">(select one)</ption>
              <option value="1">customer services</option>
              <option value="2">product packaging</option>
              </select>
              </fieldset>
              <fieldset>Would you recommend our services to someone else?
                <label><input type="radio" name="referral" class="inline" value="referral"/>YES</label>
                <label><input type="radio" name="referral" class="inline" value="referral">NO</label>
                </fieldset>
                <fieldset>What will you like us to improve on?
                  <label><input type="checkbox" value="suggest" name="quality" class="inline">Quality of product</label>
                  <label><input type="checkbox" value="checkbox" name="delivery" class="inline">delivery cost</label>
                  <label><input type="checkbox" value="checkbox" name="packaging" class="inline">Product packaging</label>
                  <label><input type="checkbox" value="checkbox" name="customer service" class="inline">Customer service</label>
                  </fieldset>
                  <label>Any comment: <textarea row="5" cols="50" name="textarea"></textarea></label>
                  <button id="submit" type="submit" value="submit"></button>
                  </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/107.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Hi!

Does this pass all the user stories? Do you have any errors on the tests? If so, you need to correct them to move on.

However, I’m also seeing some syntax mistakes here.

You should only have one html element, one body element and one head element in a html document.

<html lang="en"></html>
<head></head>
<body></body>
</html>

This is the sort of structure your document should have.

<html>
<head>
<!--Stylesheet and title ect go here-->
</head>
<body>
<!--website content goes here-->
</body>
</html>
1 Like
3

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