HTML
CSS
JS
Edit on Codewith.it
<!DOCTYPE html> <html lang="IT"> <head> <meta charset="utf-8"> <title>ESERCIZIO MODULI D'IMMISSIONE</title> <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Aclonica&display=swap" rel="stylesheet"> </head> <body> <h1> DATI DELL'UTENTE</h1> <form name="DATI UTENTE" action="" method="post" enctype="text/plain" target="_blank"> <label><b>COGNOME:</b> <input type="text" name="COGNOME"maxlength="40" size="30"></label><br><br> <label> <b>NOME:</b> <input type="text" name="NOME" maxlength="30" size="30"></label><br><br> <label> <b>MATRICOLA:</b> <input type="text" name="MATRICOLA" size="30" maxlength="7"></label><br><br> <label> <b>E-MAIL:</b> <input type="text" name="E-MAIL" maxlength="30" size="30"></label><br><br> <label> <b>TELEFONO:</b> <input type="text" name="TELEFONO" maxlength="16"size="30"></label><br><br> <label><b>REGIONI DI RESIDENZA</b> </label> <select name="REGIONI DI RESIDENZA"> <option value="scegli regione">SCEGLI LA TUA REGIONE</option> <option value="valle d'aosta">VALLE D'AOSTA</option> <option value="piemonte">PIEMONTE</option> <option value="liguria">LIGURIA</option> <option value="lombardia">LOMBARDIA</option> <option value="trentino alto adige">TRENTINO ALTO ADIGE</option> <option value="veneto">VENETO</option> <option value="friuli venezia giulia">FRIULI VENEZIA GIULIA</option> <option value="emilia romagna">EMILIA ROMAGNA</option> <option value="toscana">TOSCANA</option> <option value="umbria">UMBRIA</option> <option value="marche">MARCHE</option> <option value="lazio">LAZIO</option> <option value="abruzzo">ABRUZZO</option> <option value="molise">MOLISE</option> <option value="campania">CAMPANIA</option> <option value="puglia">PUGLIA</option> <option value="basilicata">BASILICATA</option> <option value="calabria">CALABRIA</option> <option value="sicilia">SICILIA</option> <option value="sardegna">SARDEGNA</option> </select><br><br> <label> <b>STATUS:</b></label><br> IN CORSO<input type="radio" name="STATUS" value="IN CORSO"/><br> FUORI CORSO <input type="radio" name="STATUS" value="FUORI CORSO"/><br> RIPETENTE <input type="radio" name="STATUS" value="RIPETENTE"/><br> PART-TIME <input type="radio" name="STATUS" value="PART-TIME"/><br><br> <label> <b>RICHIESTE PARTICOLARI:</b></label><br> <textarea name="RICHIESTE PARTICOLARI" rows="12" cols="60"></textarea><br><br><br> <button type="submit"><b>INVIO</b></button> <button type="reset"><b>RIPRISTINA</b></button> </form> </body> </html>
*{ font-family: consolas,'courier new',monospace; color:#0F0F0F; } h1{ color:red; text-align:center; font-size:40px; margin-top:15px; margin-bottom:20px; margin-left:auto; margin-right:auto; font-family: 'Merriweather', serif; } b{ font-size:15px; font-family: 'Aclonica', sans-serif; margin:auto; } button{ background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; font-size: 18px; } select { padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } label{ padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }