Fabio Donatantonio

Resta connesso

Software Developer / Adjunct Professor

Html: altri campi di input

Il campo file

Oltre che inviare dati in forma testuale, in base a scelte o stringhe digitate, spesso sorge l’esigenza di inviare dei file al server.
Immaginiamo ad esempio a quei siti che ci permettono di caricare le nostre foto preferite per farle visualizzare ai nostri amici, fornendo solitamente un modulo nel quale ci viene chiesto di scegliere il file (in questo caso l’immagine) dal nostro hard disk.
Il campo in questione prende il nome di file e la sintassi è la seguente:

<input type="file" name="..." />

Vediamo il codice completo:

<form action="pagin.php" method="GET" name="form">
Scegli il file da inviare:
    <input type="file" name="file" />
    <input type="submit" value="Conferma" />
</form>

Il browser visualizzerà a video un bottone con etichetta ‘Sfoglia…‘ e un campo di testo inizialmente vuoto che servirà a contenere il path del file prescelto. Cliccando sul bottone, si aprirà una finestra di dialogo per facilitare la selezione del file:

Campo File HTML
Campo File HTML - Scelta file

Un attributo utile del campo file è accept, che permette di specificare il tipo di file che è possibile caricare tramite il modulo.
L’attributo accept è così utilizzato qualora si vogliano caricare esclusivamente immagini in formato jpeg:

<input type="file" name="file" accept="image/jpeg" />

Altrimenti avremmo anche potuto accettare qualsiasi file di tipo immagine, indipendentemente dal formato:

<input type="file" name="file" accept="image/*" />

I campi nascosti

A volte è utile e necessario passare dei parametri di servizio, che non siano visibili all’utente, tra un form e il programma che elaborerà i dati.
Immaginiamo ad esempio ad un campo che contiene un ID che identifica l’utente che ha compilato il modulo, oppure un campo che contiene l’ora di apertura del modulo o semplicemente dati necessari all’elaborazione lato server.
A tale scopo sono utili i campi di tipo hidden (nascosto). La sintassi è molto semplice:

<input type="hidden" name="..." value="..." />

Il value conterrà il valore, che può essere una stringa, numero o altro, associato alla variabile nascosta. Ad esempio scrivendo come segue, si istanzia un campo nascosto che contiene la data odierna:

<input type="hidden" name="data" value="30-09-2010" />

Fabio Donatantonio

Fabio Donatantonio. Analista e sviluppatore full-stack di applicazioni web in linguaggio PHP. Professore a Contratto per le cattedre di Fondamenti di Informatica e Archivistica Digitale presso Università degli Studi eCampus. Dal 2008 curatore del sito www.donatantonio.net, da sempre appassionato di programmazione, mare, sigari e... musica.

Ti potrebbe piacere anche

Leave a reply

Your email address will not be published. Required fields are marked *

 

Didattica

Università degli Studi eCampus
Data Evento
05/07/2019
11:30
Esame Archivistica Digitale e Informatica per le Scienze Umane - Cds Filologia Moderna - Lettere - Novedrate(CO)
05/07/2019
11:30
Esame Introduzione all'Archivistica Digitale e all'Informatica per le Scienze Umane - Cds Letteratura, Arte, Musica e Spettacolo - Lettere - Novedrate(CO)
05/07/2019
11:30
Esame Abilità Informatiche e Telematiche - Cds Design e Discipline della Moda - Lettere - Novedrate(CO)
12/07/2019
11:30
Esame Introduzione all'Archivistica Digitale e all'Informatica per le Scienze Umane - Cds Letteratura, Arte, Musica e Spettacolo - Lettere - Roma
12/07/2019
11:30
Esame Archivistica Digitale e Informatica per le Scienze Umane - Cds Filologia Moderna - Lettere - Roma
12/07/2019
11:30
Esame Abilità Informatiche e Telematiche - Cds Design e Discipline della Moda - Lettere - Roma
Risorse
Guida HTML/CSS per principianti (link)
Introduzione agli ipertesti (link)
Esercizi guidati in Java (link)
Intelligenza artificiale (link)
Libri
Fondamenti di Informatica (2011) (link)
Informatica per le Scienze Umane (2011) (link)
Fondamenti di Informatica (2014) (link)
Pagina Docente
uniecampus.it - Scheda Docente (link)
Contatti
fabio.donatantonio[at]uniecampus.it

JWhisper, sviluppato presso il Dipartimento di Informatica Applicata dell'Università degli Studi di Salerno:

Stay Connected

Twitter

Le mie foto

Foto di Fabio Donatantonio
×