Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hi,
this code passed the test. However the third fieldset does not appear separately and getting mixed whit a second fieldset. can anyone help to spot my mistake?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang=lt>
  <head>
    <meta charset=utf-8>
    <link rel="stylesheet" href="styles.css">
    <title>Apklausa apie finansus</title>
    </head>
    <body>
      <h1 id="title">Apklausa apie finansus</h1>
      <p id="description">Prašome užpildyti forma jūsų finansinio stabilumo nustatymui</p>
      <form id="survey-form" method="post" action="https://register-demo.freecodecamp.org">
      <fieldset>
        <label id="name-label">Vardas
          <input id="name" type="text" placeholder="Vardenis" required/>
        </label>
        <label id="last-name-label">Pavardė
          <input id="last-name" type="text" placeholder="Pavardenis"/>
        </label>
        <label id="email-label">El. paštas
          <input id="email" type="email" placeholder="vardenis.pavardenis@gmail.com" required/>
        </label>
        <label id="number-label">Amžius
          <input id="number" type="number" min="18" max="125" placeholder="99"/>
        </label>
        </fieldset>
        <hr>
        <fieldset>
          <legend>Kaip vertinante savo finansinį raštingumą?</legend>
          <labe>Teigiamai
            <input id="teigiamai" type="radio" value="01" name="teigiamai-neigiamai" checked/>
          </label>
          <label>Neigiamai
            <input id="neigiamai" type="radio" value="02" name="teigiamai-neigiamai"/>
          </label>
          <legend>Ar ruošiates pensijai</legend>
            <labe>Taip
              <input id="taip" type="radio" value="11" name="taip-ne" checked/>
            </label>
            <label>Ne
              <input id="ne" type="radio" value="12" name="taip-ne"/>
              </label>
          <label>Kas padarė didžiausią įtaką jūsų finansiam išprusimui?</label>
          <select id="dropdown">
            <option>Pasirinkite vieną</option>
            <option>Šeima</option>
            <option>Draugai</option>
            <option>Mokykla</option>
            <option>Socialiniai tinklai</option>
            <option>Kita</option>
            </fieldset>
          <fieldset>
             <legend>Kokiais būdais investuojate?</legend>
            <label>
               <input type="checkbox" value="21"/>Akcijos
            </label>
            <label>
              <input type="checkbox" value="22"/>Fondai
            </label>
            <label>
              <input type="checkbox" value="23"/>2/3 Pakopos
            </label>
            <label>
              <input type="checkbox" value="24"/>Neinvestuoju
            </label> 
            <label>
              <textarea></textarea>
              </label>           
          </fieldset>
          <label><button id="submit"/>Submit</label>
     </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/132.0.0.0 Safari/537.36 Edg/132.0.0.0

Challenge Information:

Survey Form - Build a Survey Form

2

Hi welcome to the forum :wave:

I found this on line 30:

         <labe>Teigiamai

Same on line 37.

Line 44:

          <select id="dropdown">

This select does not have a matching closing tag.

I used this tool to help spot the errors:

https://codebeautify.org/htmlviewer

2 Likes
3

Hi @Liucifer,

It’s because you forgot to make a closing tag for select tag.

1 Like
4

Thank you! Can’t believe that I could see so many mistakes

1 Like
5

Thank you for your help :slight_smile:

1 Like