esempio form by @SBusi - Codewith.it

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

References

<nav>Definisce un menu di navigazione
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
relServe a definire la relazione tra il documento e una risorsa.
<em>Formatta il testo in corsivo/italico enfatizzato
<strong>Definisce una parte del testo importante con formattazione in grassetto.

Users

Log in to search for users

Explore

Find inspiration

Link sito di Jacopo Picco

Form per il torneo misto dis

I benefici dell\\

questa sarà una pagina web dedic

Esame informatica

Prova qualsiasi

Piano Distruzione pianeta terra

prova che si muove

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>

*{ }