Survey Form - Build a Survey Form

HTML-CSS
1

Please I need help to make

Every radio button group should have at least 2 radio buttons.

Your code so far

<!-- file: index.html -->
<html>
  <head>
    <title>Survey Form</title>
      <link rel="stylesheet" type="text/css" href="styles.css" />
      </head>
      <body>
      <header>
<h1 id="title">My Survey Form</h1>
<p id="description">Thank you for taking time to help improve our service.</p>
      </header>

<form id="survey-form" >
  <select id="dropdown">
    <option value="">(not disable) </option>
    <option value="1">product packaging</option>
    <option value="2">Product Delivery</option>

    </select>
<input id="name" type="text" required placeholder="Name" />
<input id="email" type="email" required placeholder="Email" />
<input id="number" type="number" min="13" max="60" placeholder="Age" />



    </fieldset>
  <fieldset>Would you recommend our product to someone else?
    <label id="name-label" ><input type="radio" name="name" class="inline" value="name"/>Yes</label>
  <label label id="email-label" ><input type="radio" name="email" class="inline" value="email"/>No</label>
<label id="number-label" ><input type="radio" name="number" class="inline" value="number" > Not at all</label></fieldset>

  <fieldset>What would you like us to improve on? (check all that apply)
  <label><input type="checkbox" value="suggest" name="price" class="inline">Price of product</label>
  <label><input type="checkbox" value="checboxes" name="delivery" class="inline">Delivery time</label>
  <label><input type="checkbox" value="checkboxes" name="packaging" class="inline">Product packaging</label>
  <label><input type="checkbox" value="checkboxes" name="customer service" class="inline">Customer service</label></fieldset>
  <fieldset>
    <label>Additional Comment: <textarea id="comment" name="comment" rows="3" cols="30" placeholder="Drop your comments here!" rows="3" cols="30" name="textarea"></textarea></label>
       
<button id="submit" type="submit" value="Submit">Submit</button>
  </form>
  </body>

  </html>


/* file: styles.css */

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

Hello!
So you need 2 radio groups and each of them should have at least 2 radio buttons.
So you already have one group, which is this one:

 <fieldset>Would you recommend our product to someone else?
    <label id="name-label" ><input type="radio" name="name" class="inline" value="name"/>Yes</label>
  <label label id="email-label" ><input type="radio" name="email" class="inline" value="email"/>No</label>
<label id="number-label" ><input type="radio" name="number" class="inline" value="number" > Not at all</label></fieldset>

Now you need to make another group. So add another fieldset with a question, then add your label and input elements.

3

Hi @zuhameer6 , so I tried your solution on @tomiwa.augustine 's code. It didn’t work. I personally am still trying to figure out the solution.

4

Oh, when I tried it it worked. I actually duplicated this, and made some changes and it worked. Ill send you the code I added in, and you can check it out.

<fieldset>Would you recommend our product to someone else?
    <label id="name-label" ><input type="radio" name="name" class="inline" value="name"/>Yes</label>
  <label label id="email-label" ><input type="radio" name="email" class="inline" value="email"/>No</label>
<label id="number-label" ><input type="radio" name="number" class="inline" value="number" > Not at all</label></fieldset>
5

change to name=“referral” value=“referral”
for all the name & value inside your input element

1 Like
6

Did you figure it out @tomiwa.augustine ??? If so, congratulations!!! :grin:

7

My input text is not showing, please can someone help?

8

hi @Vector7

If you have a question about a specific challenge as it relates to your written code for that challenge need some help, click the Ask for Help button. This button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

9

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