Survey Form - Build a Survey Form

Hi everyone. Please help. I have a problem with that…

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="styles.css">
  <div class="Rejestracja">
    <form action="" id="survey-form">
      <h1 id="title">Witaj w firmie Indastrit Strony Int</h1>
      <p id="description">Spróbuj swoich sił</p>
      <label id="name-label">Imię i nazwisko <input type="text" id="name" placeholder="Imię" required></label>
      <label id="email-label"> Adres email @<input type="email" id="email" placeholder="@" required></label>
      <label id="number-label">Wiek <input type="number"  id="number" min="18" max="99" placeholder="12"></label>
      <p>Kim chciałbyś zostać w naszej firmie></p>
      <select id="drop-down">
         <option value="0">Elektryk</option>
         <option value="1">Rolnik</option>
         <option value="2">programista</option>
         <option value="3">podawacz kawy</option>
         <option value="4">młodszy Spec. od szczotkowania zębów</option>
         <option value="5">architekt</option>
      <p>Czy jesteś></p>
      <label><input type="checkbox">Bystry</label>
      <label><input type="checkbox">Inteligenty</label>
      <label><input type="checkbox">Punktualny</label>
      <label><input type="checkbox">Programistyczny</label>
      <label><input type="checkbox">Spoko osobą</label>
      <textarea placeholder="Chcesz cos dodać?"></textarea>
<button type="submit" id="submit" class="submit-button">

/* file: styles.css */
width: 80%;
background-color: grey
background-image: url(;
font-family: sans-serif;
padding: 30px;
color: #f5f6f7;

select {
margin: 10px 0 0 0;
width: 100%;
min-height: 2em;
input, textarea {
background-color: #4f0a23;
border: 1px solid #0a23;
color: #ffffff;
vertical-align: middle;
button[type="submit"] {
display: block;
width: 60%;
margin: 1em auto;
height: 2em;
font-size: 1.1rem;
background-color: #3b3b4f;
border-color: white;
min-width: 300px;
button[type="file"] {
padding: 1px 2px;

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:104.0) Gecko/20100101 Firefox/104.0

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

your form is opened inside the header, so that means it also closes inside the header. Anything else is not inside the form

1 Like

thank you ;),thank you :wink:

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