Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

HTML Forms Select Menus

Hi, I have been trying to follow along iwth the video but there is no select menu when I have finished coding.

Can anyone show me what wrong with my code please?

Thanks!

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sign Up Form</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body>

  <form action="index.html" method="post">

    <h1>Sign Up</h1>

    <fieldset>

        <legend><span class="number">1</span> Your basic info</legend>

        <label for="name">Name:</label>
        <input type="text" id="name" name="user_name">
        <label for="mail">Email:</label>
        <input type="email" id="mail" name="user_email">
        <label for="password">Password:</label>
        <input type="password" id="password" name="user_password">

    </fieldset>
    <fieldset>

      <legend><span class="number">2</span> Your profile</legend>
      <label for="bio">Bio:</label>
      <textarea id="bio" name="user_bio"></textarea>

      <label for="job">Job role:</label>
      <select id="job" name="user_job">
        <optgroup label="Web">
            <option value="frontend_developer">Front-End Developer</option>
            <option value="php_developer">PHP Developer</option>
            <option value="python_developer">Python Developer</option>
            <option value="rails_developer">Rails Developer</option>
            <option value="web_designer">Web Designer</option>
            <option value="wordpress_developer">WordPress Developer</option>
          </optgroup>
          <optgroup label="mobile">
              <option value="android_developer">Andriod Developer</option>
              <option value="ios_developer">iOS Developer</option>
              <option value="mobile_developer">Mobile Developer</option>
           </optgroup>
            <optgroup label="business">
              <option value="business_owner">Business Owner</option>
              <option value="freelancer">Freelancer</option>
          </optgroup>
      </select>

    </fieldset>

    <button type="submit">Sign Up</button>

    </form>

</body>

</html>

Update: Its appeared now, maybe the server was slow to update.

1 Answer

Masamune Altamirano
Masamune Altamirano
10,720 Points

Thanks for the confirmation on the server being slow, I was doing a code challenge and the whole screen froze. Thought for sure it was my internet

I can't say for sure its the same issue though.