|
Introduzione:
L'argomento che stiamo non e' presente nelle raccomandazione del W3C ma a noi sempre oltre che un argomento interessante, anche un argomento importante per rendere il proprio sito Web piu' accattivante!
In questa lezione, vi presenteremo quelli che secondo noi sono i principali ed i piu' carini effetti che i CSS possono avere su di un
form:
)> Effetto grafico su form (DEVO INSERIRE IL CODICE NELLA PAGINA COSI FA RICHIAMARE IL FORM COLORATO):
Per ottenere questo risultato:
dovremo usare due codici.
Il primo:
<STYLE TYPE="text/css">
.sfondo {background: #3399FF}
</STYLE>
va posizionato tra i tag <head></head> della pagina e serve ad inserire il colore di sfondo del form.
Il secondo:
<FORM>
<input CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" type=text name="esempio" size=20>
</FORM>
serve a rendere visibile a video l'effeto.
)> Elementi option di colore diverso:
Per ottenere questo effetto dovremo usare il seguente codice:
<FORM>
<SELECT STYLE="width:90pt">
<OPTION STYLE="background:blue; color:black" VALUE="Giallo">Ottima</OPTION>
<OPTION STYLE="background:yellow; color:white" VALUE="Verde">Buona</OPTION>
<OPTION STYLE="background:green; color:white" VALUE="Rosso">Discreta</OPTION>
<OPTION STYLE="background:red; color:white" VALUE="Blue">Sufficiente</OPTION>
</SELECT>
</FORM>
)> Controllo disabilitato (DEVO INSERIRE IL CODICE NELLA PAGINA COSI FA RICHIAMARE IL FORM)
Per ottenere questo effetto, dovremo usare il segunte codice:
<FORM>
<INPUT TYPE="Submit" ID="btnSubmit" TITLE="Controllo disabilitato" VALUE="Invia" DISABLED>
<P>Prova a inserire del testo:<BR>
<INPUT ID="Email" TYPE="Text" SIZE=30 VALUE="Prova a
scrivere qui"
TITLE="Controllo disabilitato" READONLY>
</FORM>
Lezione
successiva ->
|
Guidainlinea.com come homepage
Aggiungi questa pagina ai preferiti