Survey Form - Build a Survey Form

HTML-CSS
1

Every radio button group should have at least 2 radio buttons : - I HAVE THREE , NO? PLEASE HELP - LAST CHECK I NEED BEFORE I START CSS

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>

<head>
  <title>Survey Form</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="styles.css">
  <h1 id="title">The Sneaker Survey</h1>
  <p id="description">Have fun!</p>
</head>

<body>
  <form id="survey-form">
    <feildset>
      <label id="name-label">Name <input id="name" class="name" type="text" placeholder="Enter Your Name" required /></label>
      <label id="email-label">Email <input id="email" class="email" type="email" placeholder="Enter Your Email" required /></label>
      <label id="number-label">Age(optional) <input id="number" class="number" type="number" min="10" max="99" placeholder="0" /></label>
      <label>
      <label for="Number-of-Sneakers">How many pairs of sneakers do you have? 
      <input id="number" type="number" name="age" min="1" max="120" /></label>

  <p>What shoe do you put on first?</p>
        <label for="Left-Foot"><input id="Left-Foot" type="radio" name="Left" class="inline" value="left"/> Left Foot</label>

        <label for="Right-Foot"><input id="Right-Foot" type="radio" name="Right" class="inline" value="right" /> Right Foot</label>
</label>

<label for="no-feet"><input id="no-feet" type="radio" name="Left" class="inline" value="no-feet"/> I dont have feet</label>
      
  
      <label>What kind of sneaker release do you prefer? </label>
      <select id="dropdown" required>
       <option hidden>Select</option>
       <option value="FCFS"> FCFS</option>
       <option value="Raffle"> Raffle</option>
       <option value="Midnight Release"> Midnight Release</option>
       <option value="Camp"> Camp</option>
       <option value="Call the plug"> Call the plug</option>
       </select>
       
<label>What sneaker brands do you like? (Check all that apply)
      
         <input type="checkbox" class="check" value="Nike"> Nike
         <input type="checkbox" class="check" value="Adidas"> Adidas
         <input type="checkbox" class="check" value="New Balance"> New Balance
         <input type="checkbox" class="check" value="Asics"> Asics
         <input type="checkbox" class="check" value="Puma"> Puma
         <input type="checkbox" class="check" value="Saucony"> Saucony
         </label>
         
     <label> Why do you love sneakers ? 
         <textarea name="text" rows="3" cols="40" placeholder="Answer here...">
         </textarea>
         <input required type="submit" value="submit" id="submit">
        </label>











  </form>
  </feildset>
</body>

</html>

/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

A part of the instruction for this challenge:

  1. Inside the form element, you can select an option from a group of at least two radio buttons that are grouped using the name attribute

For the ‘input’ elements with type set to ‘radio’, you should add the ‘name’ attribute to each, set to the same value. At the moment there are set to “Left” and “Right”.

1 Like
3

Jinkies! Thank you! lets go!

1 Like
4

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