HTML+CSS Study Notes 5[forms, forms]

Table--Default style reset

Table Tags:
Table tables
Thead table Header
Tbody Table Body
Tfoot End of Table
TR table row
th element defines the table header
TD Element Definition table cell

Table Style Reset
Table{border-collapse:collapse;} cell Gap Merge
th,td{padding:0;} Reset cell Default Padding

Cell merging

The RowSpan property specifies the number of rows that a cell can span.
<TD rowspan= "2" ></td>

The Colspan property specifies the number of columns that a cell can span.
<TD colspan= "2" ></td>

Form/form Elements

Form form
<input type= "... "Name=" "value=" "/>
Text textbox
Password Password
Radio single-Choice
CheckBox Check
Submit Submission
Reset resets
Button buttons
Image Image
File Upload
Hidden hidden

Form elements

Label label defines a callout for the INPUT element
<input type= "checkbox" Name= "" id= "a"/>
<label for= "a" >......</label>

Checked the input element that is selected by default when the page loads.
<input type= "checkbox" Name= "" checked/>

The Disabled property specifies that the input element should be disabled.
<input type= "checkbox" Name= "" disabled/>

Elect/option drop-down selection box
Incompatible with the high level of support;

TextArea text fields
The default scroll bars under each browser are not compatible
CSS3 added resize to adjust the dimension properties;

contour Form element compatibility issues

Outline contour Line;
A label contour removal method:
1, <a href= "#" onfocus= "This.blur ();" >......</a>
2, <a href= "#" hidefocus>......</a>

Form element compatibility issues
IE6 under input background scrolling;