Forum Sondaggi by @Helena - Codewith.it

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

References

<select>Usato per creare un menu a tendina.
widthImposta la larghezza di un elemento HTML
<body>Tag primario di un documento HTML
<canvas>Tag per disegnare grafica dinamica su pagine web.
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input

Users

Log in to search for users

Explore

Find inspiration

pag. 5 progetto inf

La Storia di Cappuccetto Rosso

Elenchi puntati con HTML

"esercitazione5.html”

Round+ - social bar

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!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;}