html--Forms and forms

First, form

<table></table> Forms

　　Width: width. Can be expressed in pixels or percentages. Commonly used 960 pixels.

　　Border : Border, common values are 0 .

　　cellpadding : The distance between the content and the border, the common value is 0 .

　　cellspacing : The spacing between cells and cells, with a common value of 0 .

　　Algin : Alignment.

　　bgcolor : Background color.

　　background : Background image.

<tr></tr> Line

　　align: the horizontal alignment of a line of content.

　　valign: the vertical alignment of a line of content.

　　Height : Row height.

　　bgcolor : Background color.

　　background : Background image.

<td></td> Cell

<th></th> Header, cell contents are automatically centered, bold

　　align: The alignment of the cell contents.

　　valign: The vertical alignment of the contents of the cell.

　　width : Cell width.

　　Height : Cell height.

　　bgcolor : Background color.

　　background　　: Background image.

The contents must be placed in the cell, the cell must be in the row, and the row must be placed in the table.

When you set the row height and sizing of a cell, the corresponding row or column is affected.

Cell Merging: (It is recommended to use table nesting as far as possible)

　　colspan= "n" merge cells of the same row (the corresponding columns are subtracted from the following code)

　　rowspan= "n" merge the same column cell (minus the corresponding column starting from the second row)

Second, form

<form id= "" Name= "" method= "Post/get" action= "is responsible for processing the service side " >--input system, must have, later with

ID is not repeatable,name is repeatable,get commits have a length limit, and the encoded content is visible in the address bar .

Post submissions have no length limit and the content is not visible after encoding.

</form>

1. text input (2 spaces, characters equal to 3 pixels)

text box <input type= "txt" name= "" id= "" value= ""/>

Password box <input type= "password" name= "" id= "" value= ""/>

Text field <textarea name= "" id= "" cols= "" ( number of characters ) rows= "" ( a few lines high ) ></textarea >

Hidden fields <input type= "hidden" name= "" id= "" value= ""/>

2. button

Submit button <input type= "Submit" Name= "" id= "" disabled= "Disabled" value= ""/> Click to go to form The address of the submission server within

Reset button <input type= "reset" name= "" id= "" disabled= "Disabled" value= "" />

Normal button <input type= "button" name= "" id= "" disabled= "Disabled" value= ""/>

Picture button <input type= "image" Name= "" id= "" disabled= "Disabled" src= " picture address "/>

　　Disabled Disable the button

　　Enable make buttons available

3. Select Input

radio button Group <input type= "Redio" name= "" checked= "Checked" value= ""/>

　　name values are used for grouping, value The value is not visible, submitted to the program, checked set the default options.

check box group <input type= "checkbox" Name= "checked=" checked "value=" " />

File Upload <input type= "file" name= "id=" "/>

　　<lable for= "" ></lable>

　　lable tagged as input element defines the callout.

　　lable The element does not present any special effects to the user, but he improves usability for the user of the mouse. This control is triggered if you click on the text within the lable element.

That is, when the user selects the label, the browser shifts the focus to the label-related form controls.

　　lable Label's for property should be associated with the element's ID property is the same.

4. Drop- down list box

　　<select name= "" id= "" size= "" multiple= "multiple" >

　　--size to be 1 when, for the menu; >1 is the list. multiple is a multi-select.

　　　　<option value= " value "> content 1</option>

　　　　<option value= " value "selected=" > "Selected " content 2</option>

　　　　--selected, Set as Default

　　　　<option value= " value "> content 3</option>

　　</select>

5. Tags

<label></label>

field set (a bunch of labels)

<fieldset></fieldset>

html--Forms and forms