esempio form by @SBusi - Codewith.it

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

References

<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form
<em>Formatta il testo in corsivo/italico enfatizzato
<p>Serve a definire paragrafi di testo
text/plainDefinisce un metodo di non codifica dei valori di un form

Users

Log in to search for users

Explore

Find inspiration

26/01/2024 pagina html

verifica 1parte

project-freecodecamp.org

Dario Di Fazio - Portfolio CV & Co

test js coinmarketcap

progetti scolastici

Portfolio Base Freelance – Web,

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>

*{ }