Enter HTML5 entry to proficient:<fieldset> label

Source: Internet
Author: User
Keywords tags HTML5 Getting started to master

<fieldset> Label

Definitions and usage

The FIELDSET element groups the related elements within the 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.

Differences between HTML 4.01 and HTML 5

There are new properties in HTML 5, and some properties in HTML 4.01 are no longer supported.

Property

Property Value Description 4 5 disabled true | False to define whether fieldset is visible. 5 Form True | False defines one or more forms that the fieldset belongs to. &amp;http://www.aliyun.com/zixun/aggregation/37954.html "&gt;nbsp; 5

Standard properties

Class, Contenteditable, ContextMenu, dir, draggable, id, irrelevant, lang, ref, Registrationmark, TabIndex, template, For a complete description of the title, please visit the standard properties in HTML 5.

Event Properties

Onabort, onbeforeunload, onblur, onchange, onclick, OnContextMenu, ondblclick, Ondrag, Ondragend, OnDragEnter, OnDragLeave, OnDragOver, ondragstart, OnDrop, OnError, onfocus, onkeydown, onkeypress, onkeyup, onload, OnMessage, OnMouseDown, OnMouseMove, onmouseover, onmouseout, onmouseup, OnMouseWheel, OnResize, Onscroll, Onselect, onsubmit, OnUnload for a complete description, visit the event properties in HTML 5.

Tiy instance, around the fieldset of the data

This example shows how to draw a box with a caption around the data.

<html>
<body>
<fieldset>
<legend> Health Information: Wind Network (www.ithov.com) </legend>
<form>
<label> Height: <input type= "Text"/></label>
<label> Weight: <input type= "Text"/></label>
</form>
</fieldset>
<p> if there is no border around the form, your browser is too old. Download new browser to Wind network (www.ithov.com) </p>
</body>
</html>

Related Article

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.