esempio form by @SBusi - Codewith.it

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

Referenze

<h6>Titolo di intestazione di sesto livello
<ol>Crea liste ordinate o numerate.
<pre>Indica una parte di testo preformattato
formSpecifica a quale form appartiene un elemento.
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
application-x-www-form-urlencodedCodifica dei caratteri di un form

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

velocità scrittura

La magica storia di Peter Pan Laur

LEZIONE 1 AULAB

ArteFORMA — Architectural Digita

Unity WebGL Player | Hollow Knight

Review of Functions I

esercizio riepilogativo 2

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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>

*{ }