Small help in survey form problem

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Every radio button group should have atleast two radio buttons. What does that mean my helpful fellows?

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<head>
   <title>UnzipAi Foundation</title>
   <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
 <h1 id="title">UnzipAi Foundation</h1>
 <p id="description">Collaborative Ai research that benefits all humanity</p>
<form id="survey-form">


   <fieldset>
    <label id="name-label">Name: <input id="name" type="text" placeholder="Enter your name" required /></label>
    <label id="email-label">Email: <input id="email" type="email" placeholder ="Enter your email" required /></label>
    <label id="number-label">Number: <input id="number" type="number" min="10" max="99" placeholder="Enter your number" required /></label>
    </fieldset>


    <fieldset>
    <label>Which industries are likely to be affected by Ai?
      <select id="dropdown">
        <option value="1">Automotive</option>
        <option value="2">Manufacturing</option>
        <option value="3"> Medicine</option>
      </select>
    </label>
  </fieldset>
    
    <fieldset>
  <label>Fields in Machine Learning <input type="radio" name="referrer" value="1" />Deep Neural Networks 
      <input type="radio" name="Machine Learning" value="2" />Computer Vision
      <input type="radio" name="Machine Learning" value="3" />Supervised Learning</label>
      </fieldset>

    <fieldset>
      <label>How did you hear from us? <input type="checkbox" name="Machine Learning" value="4" />Social Media
       <input type="checkbox" name="Machine Learning" value="5" />Advertisement </label>
    </fieldset>
    
    <fieldset>
      <label>Any comments or suggestions: 
        <textarea rows="3" cols="30" placeholder="Enter your comments here..."></textarea>
     </label>
     </fieldset>

  <fieldset>
<label><button id="submit" type="submit">Submit</label>
 </fieldset>
      

  






  





</form>





</body>



</html>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; Nokia 2.1 Build/QKQ1.190828.002) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Mobile Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

2

Hi @Vynx ,

All three radio buttons should have the same value of the name attribute.
Also it’s better not to have spaces in the value.

3

Thank you ,made the corrections and it went through

1 Like
4

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