Survey Form: How can I improve it?

Can someone please look over my work (what I have so far)?
Is there anyway to improve what I’ve already done?
Is there anything I missed?

<!DOCTYPE html>
<html lang="en">
  <head> 
    <title>Survey Form</title>
    <link rel="stylesheet" type="text/css" <a href="styles.css">
      <meta name="viewport" content="width=device-width" initial-scale="1.0">
      <meta charset="utf-8"
     
  </head>
  <body>
    <h1 id="title">Vocal Training Conference Survey Form</h1>
    <p id="description">How can we help you continue improving as a singer/vocalist</p>
    <form id="survey-form"> 

<fieldset>
     <label id="name-label" placeholder="Enter your name">Enter Your Name Here:<input id="name" type="text" required placeholder="Enter you name"></label>
       <label id="email-label" placeholder="">Enter Your email Here:<input id="email" type="email" required placeholder="Enter you email"> </label>
      <label id="number-label" placeholder="Scroll down">Enter Your Age Here:<input id="number" type="number" min="9" max="100" required placeholder="Scrolldown"></label> 
      <label>What part do you sing?
        <select id="dropdown">
          <option value="Baritone" >Baritone</option>
          <option value="Soprano">Soprano</option>
          <option value="Alto">Alto</option>
          <option value="Tenor">Tenor</option>
        </select>
        </label>

        <label>What is your current role at church?
          <select id="dropdown">
          <option value="Worship Leader">Worship Leader</option>
          <option value="Background Singer">Background Singer</option>
          <option value="Lead Singer">Lead Singer</option>
          <option value="N/A">N/A</option>
          </select>
        </label>


<p>Will you be attending next year's Vocal Training Conference?</p>
<label><input type="radio" value="Definitely" name="attending"/> Definitely</label>
<label><input type="radio" value="Maybe" name="attending"/> Maybe</label>
<label><input type="radio" value="No" name="attending"/> No</label>
<label>Tell us why or why not</label>
<textarea rows="4" cols="30"></textarea>

  <p>Which part of the conference did you enjoy?</p>
  <label><input type="checkbox" value="Worship Sessions" name="enjoy" /> Worship sessions</label>
  <label><input type="checkbox" value="small group sessions" name="enjoy"/> Small group sessions</label>
  <label><input type="checkbox" value="Theory and Application sessions" name="experience"/> Theory and Application sessions</label>
  <label><input type="checkbox" value="Free Jam sessions" name="experience"/> Free Jam sessions</label>
  <label><input type="checkbox" value="Performance sessions" name="enjoy"/> Performance sessions</label>
  <label><input type="checkbox" value="Meet and greet" name="enjoy"> Meet and greet</label>
  <label><input type="checkbox" value="All the above" name="enjoy"> All the above</label>
  <p>What other session would you like us to add to this experience?</p><textarea rows="4" cols="30"></textarea>
  <button id="submit" type="Submit" >Submit</button
</fieldset>
    </form>
  </body>
</html>
body {
  width: 100%
  height: 100vh;
  margin: 0;
  font-family: Tahoma;
  font-size: 16px;
  text-align: center;
  background-color: black;
  color: white;
}

label {
  display: block;
  margin: 0.5rem 0;
}

button {
  display: block;
  width: 40%;
  height: 2em;
  margin: 0 auto;
  background-color: white;
  border-color: orange;
  }

You’ll need to copy and paste your code into the forum for us to see it.

Will do.
thanks for the heads up

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Hi @lightray027 !

I think you are off to a good start.
I would suggest running your code through the html validator

A good next step would be to add some css.
Remember that the goal of these projects is to practice your html and css skills and try different techniques.

Thanks for the advice and edit on my previous post. I have the css part ready too.
Do I post those separately? i.e.

html code

then


css code

OR can I put both together.
i.e

html code
and
css code

You can post them together if you want

Added the css part. Could you please a look and let me know if its okay?
Thank you.

I think it looks good.
I would suggest adding a cursor pointer for the submit button.

For future projects, you will want to increase the amount of css you add and try out different techniques because that is the best way to grow as a developer.

Hope that helps! :+1:

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