Forum Sondaggi by @Helena - Codewith.it

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

References

_parentApre collegamenti ipertestuali nell'elemento genitore
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
<textarea>Area di testo libero espandibile per form HTML
application-x-www-form-urlencodedCodifica dei caratteri di un form
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
<canvas>Tag per disegnare grafica dinamica su pagine web.

Users

Log in to search for users

Explore

Find inspiration

esercizio indice di un libro

Il tuo link per il download è pro

Comunicare sul Web [Template CSS]

spiaggia corongiuali

Esercitazione n. 1

Curriculum HTML

Html con 3 img e descrize

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