Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Berhampur Tourism</title>
    <link rel="stylesheet" href="style.css">
    </head>
    <body>
      <form id="survey-form">
        <div>
          <h1 id="title">Visit Berhampur</h1>
          <p id="description">Enjoy the natural beauty and serenity of Berhampur</p>
          <label for="name" id="name-label">Name</label>
          <input name="name" type="text" id="name" placeholder="Enter your Name" required>
          </div>
          <div>
           <label for="email" id="email-label">Email</label>
           <input name="email" type="email" id="email" placeholder="adasfw@gmail.com"   required >
            </div>
            <div>
              <label for="age" id="number-label">Age</label>
              <input name="age" type="number" id="number" placeholder="Enter your Age" min="3" max="70" required>
              </div>
              <h2>How Much do you like Berhampur</h2>
              <select id="dropdown">
                <option value="1">Chaliba</option>
                <option value="2">ThikThak</option>
                <option value="3">Pura Ryt Ba</option>
                </select>
                <h2>What FOOD do you like in Berhampur ?</h2>
                <input type="checkbox" value="Puri-Upma"> Puri-Upma
                <input type="checkbox" value="Idli-Mutton"> Idli-Mutton
                <fieldset>
                  <legend id="Gender">gender</legend>
                  <input type="radio" name="male" id="gender" value="1"> Male
                  <input type="radio" name="female" id="gender" value="2"> Female
                  <input type="radio" name="Trans" id="gender" value="2"> TransGender
                  </fieldset>
                  <div>
                    <fieldset>
                  <legend id="Gender">Adult or Child</legend>
                  <input type="radio" name="Child" id="gender" value="1"> Adult
                  <input type="radio" name="Adult" id="gender" value="2"> Child
                  </fieldset>
                    </div>
                  <div>
                    <p>Best Memory of Berhampur</p> 
                  <textarea id="Memory"></textarea>
                  </div>
                  <button id="submit" type="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/120.0.0.0 Safari/537.36

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

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