70 lines
2.2 KiB
HTML
70 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<title>Appuntamento d'amore con La Programmatrice Verde</title>
|
|
<link rel="stylesheet" href="mystyle.css">
|
|
</head>
|
|
<body>
|
|
<h1>Appuntamento d'amore con La Programmatrice Verde</h1>
|
|
<p>Per favore inserire tutte le vostre informazioni, più ne inserite più speranze avrete di venire accettat</p>
|
|
<form class="form">
|
|
<div class="input_field required">
|
|
<label>
|
|
Nome:
|
|
<input class="input" id="nome" type="text" pattern="[A-Z]{1}[a-z]{1,}" required>
|
|
<p class="tip">Campo obbligatorio</p>
|
|
<br>
|
|
</label>
|
|
</div>
|
|
<div class="input_field">
|
|
<label for="cognome">Cognome: </label>
|
|
<input class="input" id="cognome" type="text" pattern="[A-Z]{1}[a-z]{1,}">
|
|
<br>
|
|
</div>
|
|
<div class="input_field">
|
|
<label for="età">Età: </label>
|
|
<input class="input" id="età" type="number">
|
|
<br>
|
|
</div>
|
|
<div class="input_field">
|
|
<label for="AMAB">Ragazzo</label>
|
|
<input class="input" type="radio" id="AMAB" name="sesso">
|
|
</div>
|
|
<div class="input_field">
|
|
<label for="AFAB">Ragazza</label>
|
|
<input class="input" type="radio" id="AFAB" name="sesso">
|
|
</div>
|
|
<div class="input_field required">
|
|
<label>
|
|
Numero di telefono:
|
|
<input class="input" type="tel" pattern="[+]{1}[0-9]{1,3}[\s]{1}[0-9]{3}[-]{1}[0-9]{3}[-]{1}[0-9]{4}" placeholder="+39 123-456-7890" required>
|
|
<p class="tip">Campo obbligatorio</p>
|
|
<br>
|
|
</label>
|
|
</div>
|
|
<div class="input_field">
|
|
<label for="email">Email: </label>
|
|
<input class="input" type="email" id="email" placeholder="tuamamma@casamia.it">
|
|
<br>
|
|
</div>
|
|
<div class="input_field">
|
|
<label for="url">Blog: </label>
|
|
<input class="input" type="url" id="url"
|
|
<br>
|
|
</div>
|
|
<div class="input_field required">
|
|
<label>
|
|
Data dell'appuntamento:
|
|
<input class="input" type="datetime-local" required>
|
|
<p class="tip">Campo obbligatorio</p>
|
|
<br>
|
|
</label>
|
|
</div>
|
|
<div class="submit">
|
|
<input type="submit" value="Iscriviti">
|
|
</div>
|
|
</form>
|
|
</body>
|
|
</html>
|