tag legend

**sitodue** · 28-02-2013, 13:31

Ciao a tutti;
Ho un paio di domande sul tag legend che non ho quasi mai usato...
Sto costruendo un semplice form di input e volevo farlo utilizzando tutti i tag appositi;
di conseguenza il codice è questo:

Codice PHP:


fieldset {

   border:solid 1px #000;

   height:200px;

   width:200px;

}



legend {

   border:solid 1px #3F0;

   margin:auto;

}



</style>

</head>



<body>



<form name="registrazione" method="post" action="registrazione.php">

   <fieldset>

      <legend>Registrati</legend>

      <label for="nome"> Nome:</label><input id="nome" type="text">

   </fieldset>

</form>

</div>

</body>

Mi sono accorto che il tag legend compare esattamente sul bordo superiore del tag fieldset e non al suo interno... è voluto quest'effetto? Inoltre, la regola "margin:auto" viene rispettata solo da ie (v9.08) e non da ff (v18.02) che continua a visualizzarmi l'intestazione sul margine sinistro del fieldset:

ff:

[legend]----------

ie:

-----[legend]-----

Scusate la rozzezza!!

**sitodue** · 28-02-2013, 13:52

Scusate, altra domanda...
siccome vedo che è un po' difficoltoso accedere ai vari elementi input type direttamente tramite regola di stile (ad esempio per deciderne la posizione assoluta), la tecnica corretta sarebbe quella di racchiudere ogni elemento in un fieldset apposito?
es:

Codice PHP:


<form name="registrazione" method="post" action="registrazione.php"> 

   <fieldset> 

      <legend>Registrati</legend> 

      <fieldset>

           <label for="nome"> Nome:</label><input id="nome" type="text">

      </fieldset> 

      <fieldset>

           <label for="password"> Nome:</label><input id="password" type="text">

      </fieldset> 

      <fieldset>

           <input type="button" value="registrati" name="registra">

      </fieldset> 

   </fieldset> 

</form>

E' corretto così o ci sono altre vie che ignoro?

Discussione: tag legend

Strumenti discussione

Ricerca discussione

Visualizza

tag legend

Permessi di invio