campi form e script php in css
Per un form ho il seguente codice:
<style>
body {
background-color: White;
border-color: #1679AA;
border-top-width: 40px;
border-style: solid;
border-right-width: 10;
}
td {
color: #1679AA;
}
p {
font-size: 12;
color: #1679AA;
}
input {
background-color: #1679AA;
}
textarea {
background-color: #1679AA;
}
INPUT {
color: white
}
</style>
<HTML>
<HEAD>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>www.fdiodato.tk</TITLE>
<base target="_self">
</HEAD>
<BODY>
<form name="saibal" method="post" action="saibal_invia.php">
<P align="center">
</P>
<P align="center">
<img border="0" src="../immagini/contattami.gif" width="100" height="80"></P>
<P align="center">
</P>
<P>
<span lang="ja"> </span></P>
<div align="center">
<table border="1" width="50%" id="table3" style="border-width: 0px">
<tr>
<td style="border-style: none; border-width: medium" width="118">
<font size="3"><span lang="ja">Cognome
</span></font></td>
<td style="border-style: none; border-width: medium">
<span lang="ja">
<input type="text" name="Cognome" size="20" tabindex="1"></span></td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="118">
<span lang="ja">
<font size="3">Nome</font>
</span></td>
<td style="border-style: none; border-width: medium">
<span lang="ja">
<input type="text" name="Nome" size="20" tabindex="2"></span></td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="118">
<font size="3"><span lang="ja">Indirizzo e-mail
</span></font></td>
<td style="border-style: none; border-width: medium">
<span lang="ja">
<input type="text" name="Indirizzo_ email" size="40" tabindex="3"></span></td>
</tr>
<tr>
<td style="border-style: none; border-width: medium" width="118">
<font size="3">Messaggio</font></td>
<td style="border-style: none; border-width: medium">
<span lang="ja">
<textarea rows="5" name="Messaggio" cols="35" tabindex="4"></textarea></span></td>
</tr>
</table>
</div>
<P>
<span lang="ja"> </span>
<INPUT TYPE=SUBMIT VALUE="Invia">
<INPUT TYPE=RESET VALUE="Cancella">
</P>
</FORM>
<p align="center"><span lang="ja">N.B.: Saranno memorizzati l`ora
di invio e il tuo indirizzo IP.</span></p>
<p align="center">
</p>
</BODY>
</HTML>
Sto pensando di fare un css esterno e di eliminare la tabella. Mi chiedo se con il css si possano realizzare i vari input e span (esempio: <span lang="ja">
<input type="text" name="Nome" size="20" tabindex="2"></span>). Come? Comunque dovrei creare una classe input o potrei mettere queste caratteristiche all`interno di una classe div per ogni campo (si risparmierebbe spazio)? Anche il form puo` essere creato interamente in css? Per gli input dei pulsanti "invia" e "cancella" dovrei creare due classi separate di input e senza div?
Per il mio sito, sto usando degli script in php. Alcuni di loro hanno dei parametri di stile interni. Anche in questo caso sarebbe meglio usare i css? Grazie della Vostra collaborazione, sempre ottima.
Francesco
