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