venerdì 4 Dicembre 2020

Download in corso

Softwareone.it

10-01-2019

Html Legende nei Form

L’ elemento HTML legend rappresenta una didascalia per il contenuto del suo genitore <fieldset>.

Pubblicità

Nei form è possibile inserire una legenda, in pratica un semplice riquadro che ne attesta la composizione e dal quale possiamo ricavare un titolo. 

Questa possibilità offre al webmaster una soluzione che se unita ai css può eliminare molti dei problemi grafici scaturiti dai form.

La delimitazione del form fornisce all’utente la sensazione di un modulo da compilare, e concentra la sua attenzione solo sui campi che lo compongono. 

Pubblicità
  • Il codice utilizza due tag:<fieldset> Che delimita tutti i campi del form.
  • <legend> Dove possiamo inserire il titolo del form.

Codice

<form>
    <fieldset>
        <legend>Legenda form</legend>
        <input name="primo dato" type="text" tabindex="1"> Primo dato
        <input name="personali_nome" type="text" tabindex="2"> Secondo dato
        <input type="reset" value="reset">
        <input type="submit" value="invia">
    </fieldset>
</form>

Risultato

Legenda form Primo dato Secondo dato

Tag Div E Span

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend

I commenti sono chiusi.

Pubblicità