HTML5 simple summary of knowledge points 03

Table Tables

---- BASIC Structure

Table Default No border (border)

<table border= " value " >

<tr>

<th> table Header </th>

<th> table Header </th>

</tr>

<tr>

<td> cells </td>

<td> cells </td>

</tr>

</table>

Properties of table

Border border = " value "

spacing between cells cellspacing= " value "

The distance from the content to the cell border cellpadding= " value "

Th Default Style bold Horizontal Center vertical center

TD Default style horizontal left align vertically center style= "text-align:center" align= "center" ( obsolete )

Horizontal alignment:left (aligned),Center ( Center aligned ), Right (right-aligned)

-------- merged cells

1. row merge up and down merge cell properties rowspan= " number of rows merged "

2. column merge left and right merge cell properties colspan= " number of columns merged "

==================================

Form Form

methods of method submission

1.get unsafe Size Restrictions

2.2.post Safe size is not limited

<form action= " form the page address of the server to be submitted " method= "Get or post" >

<input type= "text" name= " My name " value= "/>

</form>

<label ><input type= "text" name= " your own name " value= "/>

</form></Label>

Or

<label for= "666" ><input type= "text" Name= " own name " value= "" id= "666"/>

</form></Label>

Label has a for to be sure to use the ID

Click Text to select the text box

Input Property type value :

1.text text Box

2.password Password Box

3.radio Radio Box A group name must be the same value by default is selected to the input tag plus checked= "checked" or Directly add checked

The 4.checkbox check box is selected by default to add checked= "checked" to the input tag or directly add checked

5.submit submit button value values remember to add

6.reset reset Button

7.button General Button

8.hidden hidden Fields

9.file file Upload box

Property placeholder= " default display, mouse click will disappear "

General button <button> normal button </button> type set to submit or Reset must not be valid in form form

Property disabled= "disabled" means that the button is not available and can be used for other forms

text Field ( multiline text box )

<textarea cols= " number of columns " rows= " rows " >

</textarea>

implement text on top left of multi-line text box with vertical-align= "top"; Middle ( Middle ) Bottom ( bottom )

Drop-down Options box (drop-down list)

<select>

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

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

....

</select>

Selected= "Selected" is selected by default

HTML5 simple summary of knowledge points 03