Form framework set and CCS 20140916

Source: Internet
Author: User

I. form elements

Form label:

<Form ID = "" name = "" method = "post/get" Action = "WHO to submit for processing">

</Form>

Post -- put the content in the packet header, the content is invisible; The content length is unlimited; default submission method.

Get -- submit in the address bar. The content length is limited.

1. text input class
1) text box <input type = "text" value = ""> --
2) Password box <input type = "password" value = ""> -- set the password
3) Hide the field <input type = "hidden" value = ""> -- this field can be used to check whether the answer is correct.
4) text field: multi-line <textarea Cols = "" rows = ""> </textarea>
2. Button class
1) submit button <input type = "Submit" value = "text on the button"/>
2) reset button <input type = "reset" value = "text on the button"/>
3) normal button <input type = "button" value = "text on the button">
4) image button <input type = "image" src = "image address">
3. Select input class
1) single button <input type = "radio" value = "" name = "used to group" Checked = "checked">
2) Select multiple buttons <input type = "checkbox" value = "" name = "group" Checked = "checked">
3) drop-down list-menu

<Select name = "" id = "" multiple = "multiple">
<Option value = "item value"> item display content </option>
<Option value = "item value" selected = "selected"> display content of an item </option>
<Option value = "item value"> item display content </option>
</SELECT>

4) List

<Select name = "" id = "" size = "N" multiple = "multiple">
<Option value = "item value"> item display content </option>
<Option value = "item value" selected = "selected"> display content of an item </option>
<Option value = "item value"> item display content </option>
</SELECT>

PS: the difference between a menu and a list is that the size of the menu-the default height is 1, which cannot be changed. The list can be changed based on the display of the content-the size of the height.
File Upload: <input type = "file" name = "" id = "> -- file domain, browse.

Ii. Framework set
1. frameset, Frame

1) how to split the window horizontally/vertically:

Rows = "100, *", cols = ""

2) how to separate complicated windows:

Frameset nesting

3) how to disable the window adjustable function

Frame's noresize = "noresize"

4) how to hide the border of the split window

Frameborder = "no" of frameset"

5) How to specify the frame window in which the target page is displayed in the hyperlink

Step 1: Set the name attribute for the target frame to be displayed.

Step 2: Assign the target attribute of the hyperlink to the first step to set the name attribute

6) How to redirect the entire frameset page to a page:

Set the target attribute of the hyperlink to "_ top"

7) how to prevent the scroll bar from appearing in the frame:

Set the scrolling attribute of the frame to No.

2. IFRAME
In the original HTML page, a small window is embedded to display information on other pages.
<IFRAME frameborder = "0" scrolling = "no" src = "Untitled-2.html" width = "450" Height = "300">

Iii. Cascading Style Sheet

1. function: beautify the computer language of HTML web pages.

2. Category:

1) inline Style Sheets

2) embedded Style Sheets

3) external style sheets

Form framework set and CCS 20140916

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.