Build A Survey Form Help

Curriculum Help
1 
<html lang="en">
  <head>
 <meta charset="utf-8" >
 <link rel="stylesheet" href="styles.css"/>
 </head>
 <body>
  <h1 id="title">Building An App</h1>
<p id="description"> I'm learning as I go and welcome you to learn too!</p>
<form id="survey-form">
  <fieldset>
<label id="name-label">Name:<input id="name" type="text" input="name" placeholder="Enter your name" required></label>
<label id="email-label">
  <p class="questions"> Email:
  <label id="email-label">
    <input id="email" type="text"   input="email" required placeholder="youremail@email.com"></label>
<p class="questions">Phone: 
  <label id="number-label">
<input id="number" type="phone" text="number" number="9999999999" placeholder="Ente your phone number">
<p class="questions">Age:
  <label id="age-label"><input id="number" type="number" min="13" max="102" required placeholder="21">
</p>
 <p> <select id="dropdown">
    <option>Select Learning Style</option>
        <option>Visual</option>
        <option>Kinesthic</option>
        <option>Auditory</option>
        <option>Reading/Writing</option>
    </p>
     </select>
     <fieldset>
      Where Do You Like To Learn: 
  <label><p class="questions"> 
    <div class="radio">
    <label for="school"><input name="school" type="radio" checked id="school" value="school">School</label>
    <label for="home"><input type="radio" radio="name" id="home" name="home" value="home">Home</label>
     <label for="coffee shop"><input type="radio" value="coffee shop" name="coffee shop">Coffee Shop</label>
       </fieldset>
  <p>What helps you learn?</p>
  <select id="dropdown">
    <option>Music</option>
    <option>Food</option>
    <option>Silence</option>
    <option>Watching TV</option>
    </select>
  <div class="form-group">
    <p>Do you eat as you learn?</p>
  <label for="yes"><input type="radio" id="yes" name="eat" class="input-radio" value="yes" type="checkbox" radio="name" placeholder="yes" checked>Yes</label>
  <label for="no"><input type="radio" name="eat" value="no" id="no" class="input-radio" type="checkbox">No</label>
<label for="sometimes"><input type="radio" name="eat" value="sometimes" id="sometimes" class="input-radio" type="checkbox">Sometimes</label>
   <p>Do you like learning? Rate below</p>
   <select id="dropdown">
   <option>10</option>
   <option>5</option>
   <option>1</option>
   </select>
   <p><fieldset class="question">
<div class="radio">
Would you like some best tips for learning?</p>
   <label id="Please"><input id="please" name="tips" type="radio" radio="group1" type="checkbox" checkbox="" value="please" checked>Please</label>
   <label id="I'm Interested"><input id="name" name="tips" type="radio" radio="group1" type="checkbox" value="i'm interested">I'm Interested</label>
<label id="nah"><input id="nah" name="tips" type="radio" radio="group1" type="checkbox">Nah</label>
   <p>Any Comments or Questions?</p>
   <textarea placeholder="Enter your statement here..."></textarea>
   <button id="submit">Submit</button>
   </fieldset>
   </form>
   </body>
</html>

<html lang="en">
  <head>
 <meta charset="utf-8" >
 <link rel="stylesheet" href="styles.css"/>
 </head>
 <body>
  <h1 id="title">Building An App</h1>
<p id="description"> I'm learning as I go and welcome you to learn too!</p>
<form id="survey-form">
  <fieldset>
<label id="name-label">Name:<input id="name" type="text" input="name" placeholder="Enter your name" required></label>
<label id="email-label">
  <p class="questions"> Email:
  <label id="email-label">
    <input id="email" type="text"   input="email" required placeholder="youremail@email.com"></label>
<p class="questions">Phone: 
  <label id="number-label">
<input id="number" type="phone" text="number" number="9999999999" placeholder="Ente your phone number">
<p class="questions">Age:
  <label id="age-label"><input id="number" type="number" min="13" max="102" required placeholder="21">
</p>
 <p> <select id="dropdown">
    <option>Select Learning Style</option>
        <option>Visual</option>
        <option>Kinesthic</option>
        <option>Auditory</option>
        <option>Reading/Writing</option>
    </p>
     </select>
     <fieldset>
      Where Do You Like To Learn: 
  <label><p class="questions"> 
    <div class="radio">
    <label for="school"><input name="school" type="radio" checked id="school" value="school">School</label>
    <label for="home"><input type="radio" radio="name" id="home" name="home" value="home">Home</label>
     <label for="coffee shop"><input type="radio" value="coffee shop" name="coffee shop">Coffee Shop</label>
       </fieldset>
  <p>What helps you learn?</p>
  <select id="dropdown">
    <option>Music</option>
    <option>Food</option>
    <option>Silence</option>
    <option>Watching TV</option>
    </select>
  <div class="form-group">
    <p>Do you eat as you learn?</p>
  <label for="yes"><input type="radio" id="yes" name="eat" class="input-radio" value="yes" type="checkbox" radio="name" placeholder="yes" checked>Yes</label>
  <label for="no"><input type="radio" name="eat" value="no" id="no" class="input-radio" type="checkbox">No</label>
<label for="sometimes"><input type="radio" name="eat" value="sometimes" id="sometimes" class="input-radio" type="checkbox">Sometimes</label>
   <p>Do you like learning? Rate below</p>
   <select id="dropdown">
   <option>10</option>
   <option>5</option>
   <option>1</option>
   </select>
   <p><fieldset class="question">
<div class="radio">
Would you like some best tips for learning?</p>
   <label id="Please"><input id="please" name="tips" type="radio" radio="group1" type="checkbox" checkbox="" value="please" checked>Please</label>
   <label id="I'm Interested"><input id="name" name="tips" type="radio" radio="group1" type="checkbox" value="i'm interested">I'm Interested</label>
<label id="nah"><input id="nah" name="tips" type="radio" radio="group1" type="checkbox">Nah</label>
   <p>Any Comments or Questions?</p>
   <textarea placeholder="Enter your statement here..."></textarea>
   <button id="submit">Submit</button>
   </fieldset>
   </form>
   </body>
</html>

It keeps telling me:

  • my email should have a type of email
  • my number should have type of number
  • all my radio button groups should have at least 2 radio buttons
    What am i missing?
2

Hey there,

Please update the message to include your code.

When you enter a code, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

thank you gonna add them now

4

you need to change the type

need to change the type here too, and the label and placeholder, as the number type is not for phone number

you need to have the radios in a group to have the same name

in general I suggest you feed your project to The W3C Markup Validation Service so that you are sure to be writing correct html, you have various things that are not correct html. If you need help fixing the errors write again in this topic!

5

thank you very much i will make the adjustments and look into that

6

i still am having an issue with getting the radio buttons it keeps telling me "all radio buttons should have a “value” attribute and value

not sure what im doing incorrectly

7

You are trying use to types here which isnt allowed

radio=name. Theres no such attribute called radio like you are trying to do here

It would help to validate your html and go over each line again very carefully

8

thank you so much will do

9

hey bro , I need your help with the same problem that you were: “all radio buttons groups should have at least 2 radio buttons” . What does this mean ?

10

i STILL need help with this nothing ive done has made a difference please let me know if you find the solution

11

Make your own topic instead of asking for help in someone else’s

12

Share your new code and explain in words on what issues you are having

13

working on the new code now :grinning: