<!DOCTYPE html>
<html lang="it" xmlns="http://www.w3.org/1999/html">
<head>
<link rel="stylesheet" href="form.css"> <!-- form.css: https://pastebin.com/FMZuCTZS -->
<meta charset="UTF-8">
<title>Form</title>
</head>
<body>
<form id='esempio' method='get' action='' >
<p><label for="Nome">Nome: </label><input class="stiloso" type='text' id='Nome' name='Nome' /></p>
<p><label for="Email"> Email: </label> <input class="stiloso" type='text' id='Email' name='Email' /></p>
<p><label for="pw">Password:</label> <input class="stiloso bordorosso" type='password' id='pw' name='pw' ></p>
<p><label for="paese">Paese</label><br/>
<select id="paese" name="paese">
<option value="I">Italia</option>
<optgroup label="Estero">
<option value="D">Germania</option>
<option value="D">Francia</option>
</optgroup>
</select><br></p>
<p>Sesso<br>
<label for="M"> <input type="radio" name="sesso" value="M" id="M"> M<span></span></label><br>
<label for="F"><input type="radio" name="sesso" value="F" id="F"> F<span></span></label><br>
Hobby<br>
<label for="S"><input type="checkbox" name="hobby" value="S" id="S"> Sport<span></span></label><br>
<label for="L"><input type="checkbox" name="hobby" value="L" id="L"> Lettura<span></span></label><br>
<label for="C"><input type="checkbox" name="hobby" value="C" id="C"> Cinema<span></span></label><br>
<label for="I"><input type="checkbox" name="hobby" value="I" id="I"> Internet<span></span></label><br>
</p>
<p><label for="commento">Commento</label><br>
<textarea id="commento" name="commento" rows="5" cols="30"></textarea>
</p> <p>
<button onclick="document.getElementById('esempio').submit();">Invia!</button>
<input type="reset" id='resetbutton' value=Reset style="display: none;">
<button onClick="document.getElementById('esempio').resetbutton.click();">Azzera</button>
<button>Azione speciale</button>
</form>
</body>
</html>
Comments