esempio form by @SBusi - Codewith.it

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

References

<ol>Crea liste ordinate o numerate.
<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.
<object>Incorpora risorse varie nella pagina web.
classDefinisce una o più classi per elemento
<tr>Definisce le righe di una tabella (rows)
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.

Users

Log in to search for users

Explore

Find inspiration

Elenchi puntati con HTML

Estratti di mitologie greche

esercizio 04 pagina beep

Inserimento immagini in un testo

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>
	<head>
		<title>Modulo invio
		</title>
		<meta charset="utf-8"/>
	</head>
	<body>
		<h3>Pagina registrazione</h3>
		<form action=""    method="">
			<!--campi obbligatori-->
			Inserisci il tuo cognome : <input type="text" name="cognome" placeholder="inserisci il tuo cognome" size="25" required/>
			<br>						    
			Inserisci il tuo nome: <input type="text" name="nome" size="25" required/>
			<br>
			Insersci sesso: M <input type="radio" name="sesso" value="m"/>   F : <input type="radio" name="sesso" value="f"/>
			<br>Sport preferiti:
			Pallavolo: <input type="checkbox" name="sp1" value="pallavolo" checked/>
			Basket: <input type="checkbox" name="sp2" value="basket"/>
			Nuoto: <input type="checkbox" name="sp3" value="nuoto"/>
			<br>
			Inserisci la tua data di nascita:<input type="date" name="data_n"/>
			<br>
			Inserisci la tua data di frequenza ad un corso:<input type="date" name="data_f" min="2020-11-28" max="2020-12-06"/>
			<br>
			Inserisci ora di appuntamento: <input type="time" name="orario" min="09:00" max="18:00" required/>
			<small>Office hours are 9am to 6pm</small>
			<br>
			Inserisci il prezzo attenzione al range offerto!: <input type="number" min="0.01" max="5.00" step="0.01"/>
			<br>
			<textarea rows="10" cols="40" maxlength="500" placeholder="lascia il tuo commento"></textarea> <br>
			<br>
			<br>
			<!--abbiamo più menu di scelta può tornare utile raggrupparli
				insieme assegnando un'etichetta al gruppo.
				Questo è possibile utilizzando i tag<fieldset><legend></legend></fieldset>
			-->
			<!--menu di scelta viene visualizzata la prima voce e la scelta è una sola-->
			<fieldset><legend>Menu di scelta</legend>
			
			Inserisci la zona di appartenenza
			<br>
			<select name="regione">
				<option value="1" >Nord
				</option>
				<option value="2">Centro
				</option>
				<option value="3">Sud
				</option>
				<option value="4">Isole
				</option>
			</select>
			<br>
			<br>
			<!--menu di scelta con la visualizzazione di più voci-->
			Tipo di trasmissione preferita
			<br>
			<select name="Tipo" size=3>
				<option value="informazione">Informazione</option>
				<option value="varieta">Varietà</option>
				<option value="film">Film</option>
				<option value="quiz">Quiz</option>
				<option value="sport">Sport</option>
			</select>
			<br>
			<br>
			A che ora preferisci guardare la televisione?
			<br>
			<!--è possibile da un menu scegliere più voci-->
			<select name="Ora" size=3 multiple>
				<option value="mattino">Mattino</option>
				<option value="mattino tardi">Mattino tardi</option>
				<option value="pomeriggio" >Pomeriggio</option>
				<option value="sera">Sera</option>
				<option value="notte">Notte</option>
				<option value="notte fonda">Notte fonda</option>
			</select>
			<br>
			<br>
			Scegli qualcosa
			<br>
			<!--menu di scelta con raggruppamento delle voci per categorie affini-->
			<select name="raggruppamenti">
				<optgroup label="Dolci">
					<option value="biscotti">Biscotti</option>
					<option value="semifreddi">Semifreddi</option>
				</optgroup>
				<optgroup label="Frutta">
					<option value="mele">Mele</option>
					<option value="fragole">Fragole</option>
					<option value="ananas">Ananas</option>
				</optgroup>
			</select>
			</fieldset>
			<br>
			<br>
			<!--invio dei dati alla pagina di ricezione-->
			<input type="submit" name="invia" value="Invia dati"/>
			<!--possibilità di pulire i campi-->
			<input type="reset" name="cancella" value="Resetta"/>
		</form>
	</body>
</html>

*{ }