Introduction to HTML Tags fieldset

Source: Internet
Author: User
Tags element groups html tags reset

FieldSet is an HTML tag that is not commonly used, and is interesting in its syntax as follows:

<fieldset>
<legend>fieldset name </legend>
<!--add to your content-->
</fieldset>

The fieldset element is used to group elements in a form and to distinguish text in a document. It is somewhat similar to the behavior of the window frame. FieldSet is available in the Internet Explorer 4.0 and above versions of HTML and scripts.

The fieldset element element is a block element. and need to close the label, that is, must appear in pairs of:<fieldset></fieldset>.

In IE, if you do not add css,fieldset effect is rounded, but added a CSS will become a square corner of the. In Firefox, the effect is square corner.

The FIELDSET element groups the related elements within a form.

<fieldset> Label packs a portion of the form's content to produce a field for a set of related forms. <fieldset> labels do not have required or unique properties.

When a set of form elements is placed inside a <fieldset> label, the browser displays them in a special way that may have special boundaries, 3D effects, or even create a subform to handle the elements.

Example (login box)

<center>
<fieldset style= "width:300px" >
<legend> User Login </legend>
<form name= "Login" method= "POST" >
Account Number: <input name= "UserName" ></input>
<br><br>
Password: <input type= "password" name= "UserPassword" ></input>
<br><br>
<input type= "Submit" value= "Landing" name= "Submit" ></input>

<input type= "reset" value= "refill" name= "reset" ></input>
</form>
</fieldset>
</center>

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.