Programmazione Web » Html » Raggruppare i campi di un form in un fieldset
Raggruppare i campi di un form in un fieldset
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1170 volte
Creare un set di campi non richiede molto ma, allo stesso tempo, non serve a molto!!!
Il suo scopo è quello di raccogliere con un bordo smussato agli angoli un insieme di campi di testo o textarea, dando all'utente l'idea di un vero e proprio modulo...
Vediamo come realizzarlo... ecco il codice:
<fieldset style="color:#FF0000;"><legend>I tuoi dati</legend>
<p>Inserisci il tuo nome e cognome: </p>
<form action="" method="post" name="dati" id="dati">
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="130">Nome</td>
<td width="170"><input name="nome" type="text" id="nome"></td>
</tr>
<tr>
<td>Cognome</td>
<td><input name="cognome" type="text" id="cognome"></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" name="Submit" value="Invia"></td>
</tr>
</table>
</form>
Il tag <fieldset> serve a contenere tutto quello che vogliamo appaia nel bordo grigio, il tag <legend> invece serve a dare un'etichetta al nostro modulo... nel nostro caso l'etichetta è "I tuoi dati".
Alla prossima.
Aggiungi questo tutorial ai preferiti
