Survey Form - Build a Survey Form

HTML-CSS
1

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

problem
problem1048×520 17.2 KB 

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Formularz</title>
  <link href="styles.css">
</head>
<body>
  <div class="Rejestracja">
   <header>
    <form action="xxxx@wp.pl" id="survey-form">
      <h1 id="title">Witaj w firmie Indastrit Strony Int</h1>
      <p id="description">Spróbuj swoich sił</p>
      </header>
  </div>
  <div>
      <label id="name-label">Imię i nazwisko <input type="text" id="name" placeholder="Imię" required></label>
  </div>
  <div>
      <label id="email-label"> Adres email @<input type="email" id="email" placeholder="@" required></label>
  </div>
  <div>
      <label id="number-label">Wiek <input type="number"  id="number" min="18" max="99" placeholder="12"></label>
  </div>
  <div>
      <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>
      </select>
  </div>
  <div>
      <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>
  </div>
  <div>
      <textarea placeholder="Chcesz cos dodać?"></textarea>
  </div>
  <div>
<button type="submit" id="submit" class="submit-button">
         Aplikuj
        </button>
  </div>


       </form>
</body>
</html>

/* file: styles.css */
div{
width: 80%;
background-color: grey
}
body{
background-image: url(https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg?cs=srgb&dl=pexels-pixabay-531880.jpg&fm=jpg);
font-family: sans-serif;
padding: 30px;
color: #f5f6f7;

}
input,
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:

2

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
3

thank you ;),thank you :wink:

4

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