Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 49 di 58
  • livello principiante
Indice lezioni

Altri campi (file e hidden)

Come inviare un file o delle variabili nascoste ad un server
Come inviare un file o delle variabili nascoste ad un server
Link copiato negli appunti

Potremmo avere la necessità di passare dei parametri "di servizio", senza far percepire la loro presenza all'utente. In questo caso possiamo utilizzare dei campi nascosti, presenti all'interno del form ma invisibili all'utente (ricordiamoci sempre di specificare la coppia "nome-valore"):

<input type="hidden" name="urlDiProvenienza" value="www.html.it">

Il campo "file", consente invece di inviare un file sul server, nel caso in cui la pagina di risposta sia stata programmata correttamente. La sintassi è:

<form action="">
	<input name="fileUtente" type="file" size="20">/
</form>

che dà:


dove con size indichiamo la larghezza del campo. A fianco del modulo compare il pulsante "sfoglia" o "browse" (a seconda della lingua del browser dell'utente).

Un esempio concreto

Riprendendo un esempio accennato in precedenza, possiamo vedere come sia possibile consentire all'utente di inviarci il contenuto di un questionario tramite e-mail. Dal punto di vista dell'utente si aprirà un messaggio che domanda se si vuole inviare una mail, ma ciò è inevitabile se si utilizza questo metodo: per evitare questa eventualità bisognerebbe infatti usare dei programmi che inviino e-mail lato-server.

<fieldset>
	<legend>Dati Utente</legend>
	<label>Nome:        <input name="nome"    type="text" size="20" maxlength="30"></label>
	<label>Cognome:     <input name="cognome" type="text" size="20" maxlength="30"></label>
	<label>Professione: <input name="cognome" type="text" size="20" maxlength="30"/></label>
</fieldset>
<br/>
<fieldset>
	<legend>Questionario</legend>
	<label>Siti visitati:<br>
		<select name="siti" size="5" multiple="multiple">
		<option value="http://www.html.it">www.html.it</option>
		<option value="http://freephp.html.it">frephp.html.it</option>
		<option value="http://freasp.html.it">freasp.html.it</option>
		<option value="http://font.html.it">font.html.it</option>
		<option value="http://cgipoint.html.it" >cgipoint.html.it </option>
		</select>
	</label>
</fieldset>
<br/>
<fieldset>
	<legend>Campo libero</legend>
	<label>Lasciami un parere:<br>
		<textarea name="parere" cols="20" rows="10"></textarea>
	</label>
</fieldset>
<br/>
<button type="reset">annulla</button>
<button type="submit">invia</button>

che dà luogo a questo form:

Dati Utente




Questionario


Campo libero




Vuoi diventare un Web Developer e trovare velocemente un lavoro nel mondo del tech? Partecipa ai corsi intensivi di HTML.it per imparare dai migliori docenti!
Segui il corso 100% online, paghi dopo 2 anni. E solo se trovi lavoro.
A fine corso segui il nostro programma di Placement per migliorare le tue soft skill ed entrare in contatto con alcune delle più grandi aziende italiane.
Compila il form per ricevere la brochure via email ed iniziare il tuo percorso di selezione!

Ti consigliamo anche