Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here
i am supposed to have two input elements with radio buttons but I don’t know how to do that

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang='eng'>
  <head>
    <h1 id='title'>Page</h1>
  </head>
  <body>
    <p id='description'>This is my description</p>
  </body>
  <form id='survey-form'>
    <label for='name' id='name-label'><input required id='name' type='text' placeholder='enter name '>Name</input></label>
    <label for='email' id='email-label'> <input id='email' required type='email' placeholder='enter email'>Email</label>
    <label id='number-label' for='number'> <input id='number' min='18' max='60' type='number' placeholder='choose'>Age</label>
  <fiedset> 
    <select id='dropdown'>
     <option value='Female'>Female</option>
     <option value='Male'>Male</option>
    </select> 
  </fieldset>
  </form>
  
  </html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.2.1 Safari/605.1.15

Challenge Information:

Survey Form - Build a Survey Form

2

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!

3

The way to create a radio button is this:

You create an input:

<input>

Then you give it a type attribute with the value radio:

<input type="radio">

There you go!

4

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