Forum Sondaggi by @Helena - Codewith.it

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

References

downloadConsente di scaricare file al click di collegamento ipertestuale.
postDefinisce un metodo di invio di dati al server
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
<input>Definisce un area di input per l'invio di dati e informazioni
<textarea>Area di testo libero espandibile per form HTML
<nav>Definisce un menu di navigazione

Users

Log in to search for users

Explore

Find inspiration

Stuff and Things

La volpe e la cicogna(2)

Il bambino e le stelle ma(2)

Analizzatore Exif

Chiara Informatica

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