esempio form by @SBusi - Codewith.it

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

References

selectedPre-seleziona un elemento di input
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
_selfApre collegamenti ipertestuali nella stessa pagina del browser
<q>Indica una parte di testo come citazione breve
<body>Tag primario di un documento HTML
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.

Users

Log in to search for users

Explore

Find inspiration

Heads Or Tails Random Tally

Bootstrap List Grid

Esercitazione 1

JavaScript Debug Console

educazione civica info

Le Meraviglie d\\\\\\\\

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>

*{ }