HTML Old School

When we want to put HTMl form inside bordered frame we will use <fieldset></fieldset> and <legend></legend> elements.

<fieldset>
    <legend>Personal Data</legend>

    <form action="" method="POST" enctype="application/x-www-form-urlencoded">
           ime: <input type="text" name="ime">
           <br>e-mail: <input type="text" name="email">
           <br>
           <br><input type="submit" value="send">
    </form>

</fieldset>

 

Example: 28fieldset_legend.html

 

 

 Legend tag attribute

 1. align="left | center | right"

Aligns legend text.

<fieldset>
<legend align="center">Personal data</legend>
<form action="" method="POST" enctype="application/x-www-form-urlencoded">
   ime: <input type="text" name="ime">
   <br>e-mail: <input type="text" name="email">
</form>
</fieldset>

 Example: 29fieldset_legend_align.html

 

 

CSS styling

 Nice example: 30fieldset_legend_css.html