Forum Sondaggi by @Helena - Codewith.it

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

References

disabledImpedisce la modifica di un input
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
<object>Incorpora risorse varie nella pagina web.
<video>Integra e controlla video in una pagina HTML
<em>Formatta il testo in corsivo/italico enfatizzato
<html>Tag primario di un documento HTML

Users

Log in to search for users

Explore

Find inspiration

Mundane Monday\'s or Fantasic Frid

Twitchpage3okok

JS Strutture dati e funzioni es1

Test Gaming HTML MEME

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