Scribd
Upload
3K views

Build A Survey Form

Uploaded by

alexfamilyathome
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3K views

Build A Survey Form

Uploaded by

alexfamilyathome
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

** start of undefined **

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Survey Together!</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<form method="post" action='https://register-demo.freecodecamp.org'
id="survey-form">
<h1 id="title">Survey Together!</h1>
<p id="description">Do you have some time to spare? Answer
<strong>this</strong> for us</p>
<fieldset>
<label for="name" id="name-label">Your name please: <input type="text"
id="name" placeholder="Your name..."required /></label>

<label for="email" id="email-label">Your email! YAY!: <input type="email"


id="email" placeholder="[email protected]..." required /></label>

<label for="number" id="number-label">Age, plz! <input type="number"


id="number" min="20" max="120" placeholder="21" required></label>
</fieldset>
<fieldset>
<legend>Your opinion</legend>
<label for="opinion" id="opinion-label">What do you think about our
website </label>

<label for="nice" id="nice-label">Nice! <input type="radio" id="nice"


value="nice" name="radio"></label>

<label for="meh" id="meh-label">Meh... <input type="radio" id="meh"


value="meh" name="radio"></label>

<label for="trash" id="trash-label">Trash <input type="radio"


id="trash" value="trash" name="radio"></label>

</fieldset>
<fieldset>
<label for="favthing" id="favthing-label">What is your favourite
thing about this website?</label>
<select name="favthing" id="dropdown">
<option value="Design">Design</option>
<option value="Format">Format</option>
<option value="everything">Everything</option>
<option value="nothing">Nothing</option>
</select>
</fieldset>
<fieldset>
<legend>(Check all that apply)</legend>
<label for="improvement" id="improvement-label">What would you like to see more?
</label>

<input type="checkbox" id="Nothing!" name="Nothing!" value="Nothing!">


<label for="Nothing!">Nothing!</label>
<input type="checkbox" id="Fine details" name="Fine details" value="Fine details">
<label for="Fine details">Fine details</label>
<input type="checkbox" id="Designs" name="Designs" value="Designs">
<label for="Designs">Designs</label>
</fieldset>
<fieldset>

<label for="suggestions" id="suggestions-label">Any suggestions for us?<textarea


id="suggestions" name="suggestions" rows="3" cols="30" placeholder="I recommend
this...."></textarea></label>

<button id="submit"></button>
</fieldset>

</body>
</html>

** end of undefined **

** start of undefined **

h1 {
font-family: Arial;
}

p {
font-size: 19;
color: rgb(126, 45, 221);
}

strong {
color: black;
}

h1 {
text-align: center;
}

label {
display: block;
}

body {
font-family: 'Poppins', sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
color: var(--color-white);
margin: 0;
}

.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}
** end of undefined **

You might also like