Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
3Activity
0 of .
Results for:
No results containing your search query
P. 1
HTML-Form

HTML-Form

Ratings: (0)|Views: 848|Likes:
Published by Cinzia Bocchi
Form HTML
Form HTML

More info:

Published by: Cinzia Bocchi on Feb 02, 2012
Copyright:Attribution Non-commercial Share Alike

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

11/25/2012

pdf

text

original

 
Form HTML
I form (o moduli) HTML permettono ad un utente di interagire con la pagina che stavisitando. L’inserimento di un form in una pagina web avviene mediante il tag
FORM
.
<
form
>
campi del modulo
</
form
>
Attributi del form
 Alcuni attributi che possono essere specificati sono riassunti nella tabella seguente. Gliattributi che hanno colore rosso sono specifici del tag FORM; gli altri sono applicabilianche ad altri elementi HTML.
attributo significato
name
 Attribuisce un nome all'elemento, in modo che vi si possa far riferimento dafogli di stile o da script. L’ attributo è stato incluso per ragioni di compatibilitàall'indietro. Le applicazioni dovrebbero infatti usare l'attributo
id
per identificaredegli elementi.
method
Specifica il metodo HTTP da utilizzare per passare i dati presenti nel form alserver. I valori possibili sono due:
GET
e
POST
.
action
Specifica l’URI del programma che elaborerà i dati sul server.
id
Specifica un nome che identifica univocamente il form.
class
Specifica un nome che identifica un form, anche se l’identificazione non èdetto che sia univoca.
target
Specifica il nome del frame in cui sarà visualizzata la risposta inviata dalserver. Se si vuole visualizzare la risposta in una nuova pagina, è sufficientespecificare come valore dell'attributo "_blank". Per default, la pagina dirisposta sostituisce quella con il form.Un elenco completo è reperibile all’URLhttp://www.diodati.org/w3c/html401/interact/forms.html Altri attributi consentono di definire
handler di eventi
utilizzando JavaScript:onsubmit, onreset, onclick, ondblclick, onmousedown, onmouseup, onmouseover,onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Bocchi CinziaUltimo aggiornamento: 29/01/2012
1
 
Campi del Form: INPUT
L'inserimento di campi (o controlli) nel form può avvenire mediante il tag singolo
INPUT
.
<
form
>campo 1: <
input
/>campo 2: <
input
/>...............</
form
>
 Alcuni attributi del tag input sono riassunti nella tabella seguente.
attributo significato
name
 Attribuisce un nome al controllo.
value
Specifica il valore iniziale del controllo ed è facoltativo, eccetto quandol’attributo type ha valore radio o checkbox.
type
Specifica il tipo di controllo da creare. I valori possibili sono: text, password,checkbox, radio, submit. reset, file, hidden, image, button.
size
Specifica la larghezza del controllo in pixel, eccetto quando l’attributo type havalore text o password. In tal caso il suo valore si riferisce al numero (intero)di caratteri.
maxlength
Utilizzato solo per controlli di tipo text o password. Specifica il numeromassimo di caratteri che un utente può immettere e che sono visibili senzascorrimento.
checked
Utilizzato solo per i controlli di tipo radio o checkbox. Rende il pulsante èselezionato (con all’ interno un pallino o un segno di spunta).
src
Utilizzato quando il controllo è di tipo img. Specifica l’URI del file contenentel’immagine con cui decorare il pulsante.
id
Specifica un nome che identifica univocamente il controllo.
class
Specifica un nome che identifica il controllo, anche se l’identificazione non èdetto che sia univoca.
Bocchi CinziaUltimo aggiornamento: 29/01/2012
2
 
readonly
Rende il controllo non editabile.
disabled
Disabilita il controllo.
tabindex
Specifica la posizione dell’elemento nell’ordine dei selettori. In altri terminiindica l’ordine in cui gli elementi riceveranno il focus quando l’utente sisposta utilizzando la tastiera, tipicamente con il tasto TAB. Il valoredell’attributo è un numero intero compreso tra 0 e 32767.Gli elementi che hanno valore di tabindex maggiore sono navigati per primi.Gli elementi disabilitati non appartengono all’ordine di selezione.un elenco completo è reperibile all’URLhttp://www.diodati.org/w3c/html401/interact/forms.html#h-17.4 Altri attributi consentono di definire
handler di eventi
utilizzando JavaScript:onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup,onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Tipi di controlli creati con INPUT
Caselle di immissione testo
Le caselle di immissione testo si distinguono in:
 – 
caselle di testo
- il valore di type è "
text
";
 – 
caselle di password
- il valore di type è "
password
";
 – 
caselle nascoste
- il valore di type è "
hidden
". Le caselle nascoste sono utilizzatedal programmatore per inviare dati aggiuntivi al server.
Esempio: un form con caselle di immissione testo
 
<
html
><
head
><
title
> Form con caselle di immissione testo </
title
></
head
><
body
><
form
>casella di testo:<
input
 
type
="text"
name
="uid"
value
="inserire il nome"/><
br 
/>casella di password:<
input
 
type
="password"
name
="pwd"
size
="10"
maxlenght
="10"/><
br 
/>casella nascosta:<
input
 
type
="hidden"
name
="nascosta"/></
form
></
body
></
html
>
Bocchi CinziaUltimo aggiornamento: 29/01/2012
3

Activity (3)

You've already reviewed this. Edit your review.
1 thousand reads
1 hundred reads
Macrì Mario liked this

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->