Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here
i am having problems on how to give my name and email an input and how to add additional radio buttons

Your code so far

<!DOCTYPEhtml>
<html lang="en"></html>
<head>
  <meta charset="UTF-8"/>
  <link rel="stylesheet" href="styles.css"/>
  <title>Build a survey form</title>
  <h1 id="title">Build a Survey Form</h1>
  <p id="description">how to build a survey form</p>
  <form id="survey-form">
   <label for="name">Enter your name:   <input id="name" type="text" placeholder="name"/><label>
 <label for="email">Enter your email:    <input id="email" type="email" placeholder="input"/><label>
    <input id="number" type="number" min="5" max="10" placeholder="busayo">08162352960</input>
    <label id="name-label">namelabel</label>
    <label id="email-label">email label</label> 
    <label id="number-label">number label</label>
    </input>
    <select id="dropdown">
      <option>select</option>
      <option>select</option>
      <label><input type="radio" value="email" name="email"  />
      <input type="radio" value="name" name="name"/>
      <input type="checkbox" value="survey"/>survey 
      <input type="checkbox" value="form"/>form
      </label>
    </select>
    <textarea></textarea>
    <button id="submit"></button>
  </form>
</head>
<body></body>.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Hi @dharmiee, I would strongly suggest going back and reviewing the fundamentals of the course. There is a lot going on here that is incorrect.

  • Every element in the document should be in between the <html> and </html> tags.
  • All content (anything that would be displayed to the world) should be in between the <body></body tags
  • Only the <meta>, <title>, and <link> should be in the head of the document
  • You can only have a couple different elements directly inside of a <select> element for it to render correctly: <option> and <optgroup>.

I highly suggest reworking the course. I think you’ll find a lot of benefit in doing that.

3

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