Sei sulla pagina 1di 3

<!

DOCTYPE html>
<html>
<head>
<title>Esempio Form</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<form action="prova_form.php" method="get">
<input type="search" name="prova_ricerca" placeholder="Cerca in omniapro.it" />
<input type="submit" />
</form>
<hr />
<form action="prova_form.php">
Nome:<input type="text" name="nome" autofocus="autofocus" /><br /><br />
Cognome: <input type="text" name="cognome" /><br /><br />
<input type="submit" />
</form>
<hr />
<form action="prova_form.php" method="get">
Campo obbligatorio <input type="text" required pattern="[A-z]{5}" title="Inseris
ci 5 lettere" />
<input type="submit" />
</form>
<hr />
<form action="prova_form.php" method="get">
Scegli il colore <input type="color" />
</form>
<hr />
<form action="prova_form.php" method="get">
Numeri: <input type="range" name="Numeri" min="10" max="100"/>
<input type="submit" />
</form>
<hr />
<form action="prova_form.php" method="get">
Campo numerico <input type="number" name="Numeri" min="50" max="150" step="20" /
>
<input type="submit" />
</form>
<hr />
<form action="invia_mail.php" method="get">
Inserisci il codice: <input type="text" name="country_code" pattern="[A-z]{5}"

title="Il codice deve essere di 5 lettere in formato testuale" />


<input type="submit" />
</form>
<form action="invia_mail.php" method="get">
Inserisci il codice: <input type="text" name="country_code" pattern="[a-z_]{5,9}
"
title="Il codice deve essere minimo di 5 e massimo di 9 lettere e _ in formato t
estuale" />
<input type="submit" />
</form>
<form action="invia_mail.php" method="get">
Inserisci il codice: <input type="text" name="country_code" pattern="[1-10]{5}"
title="Il codice deve essere di 5 numeri" />
<input type="submit" />
</form>
<hr />

<form action="invia_mail.php">
Indirizzo web: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="Omniapro" value="http://www.omniapro.it" />
<option label="Le Equilibriste" value="http://www.leequilibriste.it" />
<option label="Google" value="http://www.google.com" />
</datalist>
<input type="submit" />
</form>
<hr />
TEL
<form action="invia_mail.php" method="get" autocomplete="on">
cellulare: <input type="tel" name="user_mobile" /><br />
<input type="submit" />
</form>
Month
<form action="invia_mail.php" method="get">
mese: <input type="month" name="user_date" />
<input type="submit" />
</form>
email
<form action="invia_mail.php" method="get">
E-mail: <input type="email" name="user_email" /><br />
<input type="submit" />
</form>
Url
<form action="invia_mail.php" method="get">
Indirizzo web: <input type="url" name="user_url" /><br />
<input type="submit" />
</form>
<hr />
<form action="invia_mail.php" novalidate="novalidate">
E-mail: <input type="email" name="user_email" />
<input type="submit" />
</form>
<hr />
<form action="invia_mail.php" method="get" autocomplete="off">

Nome:<input type="text" name="nome" /><br /><br />


Cognome: <input type="text" name="cognome" /><br /><br />
E-mail: <input type="email" name="email" autocomplete="on" /><br /><br />
<input type="submit" />
</form>
</body>
</html>

Potrebbero piacerti anche