Survey Form - Build a Survey Form

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8"
 <title>
    <h1 id="title">Fan Page</h1>
    </title>
    <link rel="stylesheet" href="styles.css">
    </head>
    <body>
    
        <p id="description">what you want to choose?<p>
          <form id="survey-form">
            <fieldset>
<label id="name-label"> Enter your name: 
  <section></section>
  <input for="name" id="name" type="text" name="name" placeholder="name">
  </label>
  <section>
    </section>
  <label id="email-label">
 Enter you email:<section></section> <input for="email" id="email" name="email" type="email" placeholder="email" 
required>
</label>
<section>
  <section>
    <label id="number-label">
      age:
      <section>
        </section>
        <input for="number" min="10" max="99" name="number" id="number" type="number" placeholder="number"> </label>
<label for="referrer">
    <section>
      </section>Choose character: 
      <section>
        </section>
        <select for="dropdown" id="dropdown">
          <option value="">(choose)
    <option>Hallo Kitty</option>
      <option>My Melody</option>
      <option>Kuromi</option>
      </select>
      <legend>
    Color: </legend>
    <label>
  <input for="pink" name="pink" id="pink" type="radio" class="pink" value="radio"> Pink</label>
  <label><input for="purple" name="purple" id="purple" type="radio" class="purple" value="radio"> Purple</label>
  <legend>Where do you watch cartoons
    <section></section>
  <label><input for="TV" name="TV" id="TV" type="checkbox" value="checkbox"> TV
  </label>
  <section></section>
    <label><input for="computer" name="computer" id="computer"
type="checkbox" value="checkbox"> Computer<section></section>
</label>

<label for="dreams">

  Dreams
  <textarea id="dreams" name="dreams" rows="3" cols="30" placeholder="you thinking"></textarea>
  <label>
    <input id="submit" type="submit"></label>
      
    </fieldset>
            </form>
            </body>
            </html>








/* file: styles.css */
p,h1{
  font: Fantasy;
  text-align: center;
  margin: auto;
}

body{
  background-color: rgb(125,0,50,40%);
  color: black;
  font-size: 20px;
  margin:15px;
  
}
form{
  background-color: rgb(110,0,60,30%);
  font-size: 15px;
  margin: 5px;
  font: Tahoma;
}
fieldset{
  text-align: center;
  border: none;
  
  
}
section{
  margin: 7px;
}
.pink, .purple{
  font-size: 10px;

}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Your #name should require input.
Every radio button group should have at least 2 radio buttons.
I don’t know what to do ?

Welcome to the forum @melansek2003

Your input button for name needs the attribute which requires input before the form can submit.

Then, add two more radio buttons.

Happy coding

Put the same value with the name attribute in the input type radio.

name="pink-purple"

Put this into both input radio

thank you, but what I need to do with:
Your #name should require input.?
I have input in name

1 Like

You code have lots of section tags , that didn’t required in the code . Please remove the extra section tags from your code.
@melansek2003

Section example

<Section>

<-- your all section elements(label, input etc) goes here -->

</Section>

That means you name label, between the name label you should nest an input element with id appropriate attributes.
@melansek2003

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