Forum Sondaggi by @Helena - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<th>Definisce una cella di intestazione di una tabella HTML.
getDefinisce un metodo di invio di dati al server
<blockquote>Inserisce citazioni in un documento HTML
headersDetermina la relazione tra celle e celle di intestazione di una tabella.
<head>Tag primario di un documento HTML

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Heads Or Tails Random Tally 2

Costruzione di tabella con html5

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="en"></html>
<head>
<title>freeCodeCamp Survey Form</title>
<meta charset="utf-8">
<link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1 id="title">freeCodeCamp Survey Form</h1>
  <p id="description">Thank you for taking the time to help us improve the platform</p>
<form action='https://register-demo.freecodecamp.org' method="post" id="survey-form">
<fieldset>
<label id="name-label" for="name">Name <input name="Name" placeholder="Enter your name" id="name" type="text" required/></label>
<label id="email-label" for="email">Email <input  name="Email" placeholder="Enter your Email" id="email" type="email" required/></label>
<label id="number-label" for="number">Age <input name="Age" placeholder="Age" id="number" type="number" min="10" max="99" required/></label>
<label for="dropdown">Which option best describes your current role?
<select id="dropdown" name="role">
<option value="nothing">Select current role</option>
<option value="student">Student</option>
<option value="job">Full Time Job</option>
<option value="learner">Full Time Learner</option>
<option value="not">Prefer not to say</option>
<option value="other">Other</option>
</select>
</label>
</fieldset>
<fieldset>
<label>Would you recommend freeCodeCamp to a friend?</label>
<label for="definitely"><input id="definitely" name="recommend" type="radio" value="1" class="inline"/> Definitely</label>
<label for="maybe"><input id="maybe" name="recommend" type="radio" value="2" class="inline"/> Maybe</label>
<label for="not-sure"><input id="not-sure" name="recommend" type="radio" value="3" class="inline"/> Not sure</label>
</fieldset>
<fieldset>
<label for="dropdown">What is your favorite feature of freeCodeCamp?
<select id="dropdown" name="feature">
<option value="0">Select an option</option>
<option value="challenges">Challenges</option>
<option value="projects">Projects</option>
<option value="community">Community</option>
<option value="open-sources">Open Sources</option>
</select>
</label>
</fieldset>
<fieldset>
<label>What would you like to see improved? (Check all that apply)
<label><input id="not-sure" name="not-sure" type="checkbox" value="1" class="inline" required/> Not sure</label>
<label><input id="back-end" name="back-end" type="checkbox" value="2" class="inline" required/> Back-end Projects</label>
<label><input id="data" name="data" type="checkbox" value="3" class="inline" required/> Data Visualization</label>
<label><input id="challenges" name="challenges" type="checkbox" value="4" class="inline" required/> Challenges</label>
<label><input id="open-source" name="open-source" type="checkbox" value="5" class="inline" required/> Open Source Community</label>
<label><input id="help-rooms" name="help-rooms" type="checkbox" value="6" class="inline" required/> Gitter help rooms</label>
<label><input id="videos" name="videos" type="checkbox" value="7" class="inline" required/> Videos</label>
<label><input id="city" name="city" type="checkbox" value="8" class="inline" required/> City Meetups</label>
<label><input id="wiki" name="wiki" type="checkbox" value="9" class="inline" required/> Wiki</label>
<label><input id="forum" name="forum" type="checkbox" value="10" class="inline" required/> Forum</label>
<label><input id="additional" name="additional" type="checkbox" value="11" class="inline" required/> Additional Courses</label>
</label>
</fieldset>
<fieldset>
<label for="comment">Any comments or suggestions?
<textarea id="comment" name="comment" placeholder="Enter your comment here..." id="bio" rows="5" cols="36"></textarea>
</label>
</fieldset>
<input id="submit" type="submit" value="Submit" />
</form>
  </body>

body {width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32;
color: #f5f6f7;
font-family: Tahoma;
min-height: 2em;}
label {display: block;
margin: 0.5rem 0;}
h1, p {margin: 1em auto;
text-align: center;}
form {margin: 7 auto;
max-width: 500px;
min-width: 300px;
width: 60vw;
min-height: 2em;
padding: 2em;}
fieldset {border: 0;
padding-top: 0rem;
padding-bottom: 0rem;
padding-left: 0;
padding-right: 0;
min-height: 2em;}
input, textarea, select {margin-top: 7px;
width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
border: 0.2;}
.inline {width: unset;
margin-right: 0.5em;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
vertical-align: middle;
min-height: 2em;}
textarea {border: 2px solid;
border-color: black;}
input[type="submit"] {color: white;
background-color: rgb(0, 200, 100);
border: 0;
display: block;}
input[type="file"] {padding: 1px 2px;}