HTML 4.0 Syntax Form label

Source: Internet
Author: User
Tags reset

"Purpose of the form"

For a typical web design beginner, form functionality is not commonly used, because forms often have to work with CGI, JAVA scripts, or ASP programs, or the existence of a form alone is not significant. However, once you have the opportunity to apply the form to a Web page, your Web page will be free from one-way rendering and begin the phase of user interaction.

This module is purely to introduce a variety of forms mainly, as for some CGI or ASP concepts I do not propose, because the provision of fragmented ideas, rather to see the special introduction of CGI books to the appropriate.

"Various input types"

Text input columns: Each form has a different type, because the type= "form type" setting is different, let's take a look at the first type: text input columns. The form of the text input column is type= "text, which is used as follows:

It has the following properties that can be set:

Name= "Name" is the name of this field, which is often used in the program.

Size= "Value" is the width at which this field appears.

Value= "Preset content" is the preset content to set this field.

Align= "Alignment" is the alignment of this field, the values are: Top (align up), middle (align to middle), BOTTOM (align Down), right (align to starboard), left (right-aligned), texttop (align to text), BASELINE (aligned to the bottom of the text), Absmiddle (absolute set), Absbottom (absolute set), etc.

Maxlength= "Value" is to set this field to set the maximum length of the input.

Single-select check-out form: Use Type= "RADIO" to produce a single check check form, and a single check check form is usually a list of options that you can select from one time to another, so that a form is selected for a single selection.

It has the following properties that can be set:

Name= "Name" is the name of this field, which is often used in the program.

Value= "Content" is to set the content, value, or meaning of this field.

Align= "Alignment" is the alignment of this field, the values are: Top (align up), middle (align to middle), BOTTOM (align Down), right (align to starboard), left (right-aligned), texttop (align to text), BASELINE (aligned to the bottom of the text), Absmiddle (absolute set), Absbottom (absolute set), etc.

CHECKED, is to set this field to the preset selection value.

Check the form: Use type= "checkbox" to produce a check check in the form, the checkbox is usually selected several options together for the user to click, at the same time to select a few, so the check checked the form.

It has the following properties that can be set:

Name= "Name" is the name of this field, which is often used in the program.

Value= "Content" is to set the content, value, or meaning of this field.

Align= "Alignment" is the alignment of this field, the values are: Top (align up), middle (align to middle), BOTTOM (align Down), right (align to starboard), left (right-aligned), texttop (align to text), BASELINE (aligned to the bottom of the text), Absmiddle (absolute set), Absbottom (absolute set), etc.

CHECKED, is to set this field to the preset selection value.

Password form: The use of type= "PASSWORD" will produce a password form, the password form and the text input form is almost the same, the difference is that the password form in the input all will be an asterisk to replace the input text, in order to prevent others peeping.

It has the following properties that can be set:

Name= "Name" is the name of this field, which is often used in the program.

Size= "Value" is the width at which this field appears.

Value= "Preset content" is the preset content to set this field, but it is still an asterisk.

Align= "Alignment" is the alignment of this field, the values are: Top (align up), middle (align to middle), BOTTOM (align Down), right (align to starboard), left (right-aligned), texttop (align to text), BASELINE (aligned to the bottom of the text), Absmiddle (absolute set), Absbottom (absolute set), etc.

Maxlength= "Value" is to set this field to set the maximum length of the input.

Send out button: Usually after we fill out the form, there will be a send out button and remove the rewrite button, respectively, using type= "SUBMIT" and Type= "RESET" to produce, quite simple and easy to use.

It has the following properties that can be set:

Name= "Name" is the name that sets this button.

Value= "Text", is to set this button on the text to be rendered, if not set, the browser will automatically add you "Send Query", "reset" and other words.

Align= "Alignment" is the alignment of this field, the values are: Top (align up), middle (align to middle), BOTTOM (align Down), right (align to starboard), left (right-aligned), texttop (align to text), BASELINE (aligned to the bottom of the text), Absmiddle (absolute set), Absbottom (absolute set), etc.

Button symbols: The form or Java script often uses a button to make some effect, so we can use the type= "button" to produce a button, quite simply.

It has the following properties that can be set:

Name= "Name" is the name that sets this button.

Value= "Text" is the text that you want to render on this button.

Align= "Alignment" is the alignment of this field, the values are: Top (align up), middle (align to middle), BOTTOM (align Down), right (align to starboard), left (right-aligned), texttop (align to text), BASELINE (aligned to the bottom of the text), Absmiddle (absolute set), Absbottom (absolute set), etc.

Hidden fields: There are some things in the form that don't want the user to see because of some factors, but because the program needs to exist, we can use type= "HIDDEN" to produce a hidden field.

It has the following properties that can be set:

Name= "Name" is the name that sets this field.

Value= "Text" is the value, text, or meaning that sets this field.

"A large number of text input components"

Sometimes we want to allow users to enter a larger number of text, at this point, the text input column is not enough to use, so we can use to produce a large number of text can be input components, the folder in two tags in the text will appear in the box, can be used as a preset text.

It has the following properties that can be set:

Name= "Name" is the name that sets this field.

wrap= "Set Value" is the line-wrapping mode that sets this field. There are three sets of values: off (input text does not wrap automatically), VIRTUAL (input text on the screen will be automatically wrapped, but if the user did not press ENTER to change lines, send data, also considered no line break), physical (input text will automatically wrap, send out data, will automatically wrap on the screen, as the line-wrapping effect sent out.

Cols= "Value" is the number of rows (horizontal words) that are set for this field.

Rows= "Value" is the number of columns (vertical words) that set this field.

"Drop-down menu"

The Pull-down menu makes the entire Web page look very professional, we just use can produce a drop-down menu, in addition, also need to match the label to produce options, so that is complete oh!  It has the following properties that can be set: size= "Value" is to set the size of this field, the default value is 1, if you have four options, and then you set the size to 4, then the Drop-down menu will become an option box, the four options are presented in the box. Multiple, is to set this field as a check, you can select several options at once.

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.