HTML legend Tag

HTML legend: Main Tips

• HTML legend element is always the first child of a <fieldset> element.
• It sets a caption for the content of <fieldset>.
• You have to include both starting and ending tags.

Using legend Tag in HTML

HTML legend tags define a caption for the <fieldset> element:

<form>
  <fieldset>
    <legend>This is the title</legend>
    First input: <input type="text" size="30"><br>
    Second input: <input type="text" size="30"><br>
  </fieldset>
</form>

Pros

• Easy to use with a learn-by-doing approach
• Offers quality content
• Gamified in-browser coding experience
• The price matches the quality
• Suitable for learners ranging from beginner to advanced

Main Features

• Free certificates of completion
• Focused on data science skills
• Flexible learning timetable

EXCLUSIVE: 50% OFF

Pros

• Simplistic design (no unnecessary information)
• High-quality courses (even the free ones)
• Variety of features

Main Features

• Nanodegree programs
• Suitable for enterprises
• Paid Certificates of completion

15% OFF

Pros

• Easy to navigate
• No technical issues
• Seems to care about its users

Main Features

• Huge variety of courses
• 30-day refund policy
• Free certificates of completion

AS LOW AS 14.99$

Deprecated align Attribute

HTML legend tag supports all the global attributes. Its only tag-specific attribute was align which defined the alignment of the caption. However, it is deprecated and not supported by modern browsers:

<form>
  <fieldset>
    <legend align="right">Align example:</legend>
    Align: <input type="text" size="30"><br>
    Mode: <input type="text" size="30"><br>
  </fieldset>
</form>

Tip: when using the legend tag in HTML, use CSS text-align property instead of the align attribute.

Browser support

Chrome

All

Edge

All

Firefox

1+

IE

6+

Opera

All

Safari

All

Mobile browser support

Chrome

All

Firefox

4+

Opera

-

Safari

All