HTML5 form label input button legend FieldSet

Source: Internet
Author: User

<form> itself is meaningless, but some label elements that rely on form cannot take effect once they are not in the form. So form is to provide a definition of the environment to form the plug-in elements to take effect.

1.method attribute post is typically submitted with a form, and get is usually submitted with a hyperlink. If you use post to submit Baidu, it will be wrong. Or the returned link will not be with? user=

<form method="POST" action="http://www.baidu.com">

<input name="usr">

<button> Submit </button>

</form>

2.enctype General use Multipart/form-data

3.autocomplete on/off pull-down hint, with click AutoComplete

4.novalidate

<input> provide the input text box

The name attribute specifies The names of the input elements.

name property is used to identify the form data that is submitted to the server or when the client passes JavaScript refer to the form data.

value even typing search bar default is " Wangbaoqiang divorce " The user saves the input time

form Mates ID Use , you can hook from outside to the inside of the form . multiple forms for one data hook .

<lable> lable can take advantage CSS Makeup

for Properties     Prints The label makeup effect to the specified tag ID. for can make multiple area labels at the same time .

If the label does not use A for what ID to go to the makeup designated area , c11> There's another way to do that is to enclose the specified area in a label .

<label>

<input...>, .....

</label>

for and from is the reference extract data " concave " go in and wait to fill and for is output data " convex " come out ready service output good evil

<fieldset> can do the whole makeup , overall Disable , There is also a clear box indicating .

<legend> Group Labels

<button> submit a form or link

Type

Submit Submission

Reset the value of input is null, otherwise the text of value corresponds

button with JS to trigger a specific event

Other properties of the button:

The form includes a button, but if the button has a special setting, it takes precedence over the property of the button. Ignores conflicting entries for form.

HTML5 form label input button legend FieldSet

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.