Real zero-based learning HTML (2)

                           Html表格

Form label 1, Form attribute (1) The address to be submitted by the action form is used to process the content of the form. (2) The method of method submission, the default is to submit by get.
























(3) get: 1. The submitted key-value pair. Put it behind the url in the address bar. 2. The security is relatively poor. 3. There is a limit on the length of the submitted content.
(4) post: 1. The submitted key value For not in the address bar. 2. Relatively high security. 3. There is no theoretical limit to the length of the submitted content. 3.
Form element
1, input type label
(1) text text box input (default text text box type).
(2) password password box. (The following attributes are shared by text and password)
(3) maxlength (when type is text or password, it indicates the maximum number of characters entered), which is beneficial to prevent sql injection attacks
(4) radio radio button. Attribute:
 name (set the value of name to the same value to represent a set of data and realize the radio function)
 value (the key value that must be written and submitted to the server, the value is generally the number in the actual development process)
 checked (whether or not Selected state)
 (5) checkbox checkbox.
name (the name must be the same, it means it is a set of data, added to the same value list and submitted to the server) value submitted to the server with the key value
checked (whether it is selected)
(6) file file field, uploading files
(7) submit submit button, used to submit the form
(8) reset reset button, clear the input of the form, restore to the default state of the form
(9) button normal button
(10) image image button, used to submit the form, and submit Is the same effect src (picture path)
(11) hidden hidden field.
(12) The hidden content of value
(13) The key of the name form submission item
(14) cols (set the width of the text field)
(15) rows (set the height of the text field, that is, the number of rows)
3. <select> drop-down box label
1, ( 1) name: the key of the form submission item
(2) size: the number of options
(3) multiple: multiple selection
(4) <option> drop down each item selected
(5) value (the value of the form submission item)
(6) selected (selected drop-down selection is selected by default)
2. value: the value of the form submission item
For different input types, the usage of the value attribute is also different:
    type="button", "reset", "submit" - defines the display on the button text
    type="text", "password", "hidden" - defines the initial value of the input field
    type="checkbox", "radio", "image" - defines the value associated with the input

                         框架

1. <frameset> Frame
1. It is used to divide the form and cannot be placed in the <body>, otherwise it will have no effect.
(1) cols (divide the page vertically. There are three ways to express its value: "30%, 30 (or 30px), "; the number of values ​​represents the number of divided windows and the values ​​are separated by ",". "30 "%" indicates that the frame area occupies 30% of the entire browser page area; "30" indicates that the horizontal width of the area is 30 pixels; " " indicates that the area occupies the rest of the page space. For example: cols="25%,200, " means Divide the page into three parts, the left part accounts for 30% of the page, the middle horizontal width is 200 pixels, and the rest of the page is the right part.)
(2) The rows divide the page horizontally. The property is the same as cols
(3) frameborder sets whether to display the frame border. The setting value is only 0, 1; 0 means no border, 1 means to display the border)
(4) The distance between border frames, generally set to 0
(5) bordercolor border color
(6) framespacing sets the distance between the frame and the frame Reserved white space
<frameset cols="40%,
, "> The first frame occupies 40% of the entire browser window, and the remaining space is evenly divided between the other two frames.
<frameset cols="
, , ,*"> The browser window is divided into four equal parts.
Second, <iframe> frame
(1) name set the frame name. This is an attribute that must be set
(2) src sets the name or path of the web page to be displayed by this frame. This is a required property
(3) scrolling sets whether to display the scroll bar. The set value is auto, yes, no
(4) bordercolor sets the border color of the frame
(5) frameborder sets whether to display the frame border. The setting value is only 0, 1; 0 means no border, 1 means to display the border
(6) noresize Set whether the frame size can be adjusted manually
(7) marginwidth Set the width between the frame border and its content
(8) marginhight Set the frame border and the height between the content
(9) width sets the frame width
(10) height sets the frame height

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325639427&siteId=291194637