HTML基礎表單

HTML基礎表單

1.表單標籤

標籤 描述

form：定義供用戶輸入的表單

input：定義輸入域

textarea ：定義文本域 (一個多行的輸入控件)

label ：定義一個控制的標籤

fieldset ：定義域

legend ：定義域的標題

select：定義一個選擇列表

option ：定義下拉列表中的選項

button ：定義一個按鈕

hoden：隱藏

submit：自帶提交按鈕

reset：重置

date：日期

radio：單選

checkbox：複選

number：數字

email：郵件

password：密碼

del：刪除樣式字體

ins：下劃線字體

sup：上標

sub：下標

placeholder：文本框內顯示文字

2.form表單中get與post區別

GET和POST是HTTP的兩個經常使用方法

1.什麼是HTTP?

超文本傳輸協議(HyperText Transfer Protocol -- HTTP)是一個設計來使客戶端和服務器順利進行通信的協議。
HTTP在客戶端和服務器之間以request-response protocol（請求-回覆協議）工做。
GET - 從指定的服務器中獲取數據
POST - 提交數據給指定的服務器處理

2.GET方法：

使用GET方法時，查詢字符串（鍵值對）被附加在URL地址後面一塊兒發送到服務器：
/test/demo_form.jsp?name1=value1&name2=value2

特色：

GET請求可以被緩存
GET請求會保存在瀏覽器的瀏覽記錄中
以GET請求的URL可以保存爲瀏覽器書籤
GET請求有長度限制
GET請求主要用以獲取數據

3.POST方法：

使用POST方法時，查詢字符串在POST信息中單獨存在，和HTTP請求一塊兒發送到服務器：
POST /test/demo_form.jsp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2

特色：

POST請求不能被緩存下來
POST請求不會保存在瀏覽器瀏覽記錄中
以POST請求的URL沒法保存爲瀏覽器書籤
POST請求沒有長度限制 

建議：

一、get方式的安全性較Post方式要差些，包含機密信息的話，建議用Post數據提交方式；
二、在作數據查詢時，建議用Get方式；而在作數據添加、修改或刪除時，建議用Post方式；

3.塊級元素與行內元素

塊級元素有：div，表單，表格，標題，段落等。

行內元素有：圖片，輸入框，span，stong

二者發區別：在標準文檔中塊級元素具備如下特色：

1.老是在新行上開始，佔據一整行；

2.高度，行高以及外邊距和內邊距均可以控制；

3.寬度實在是與瀏覽器寬度同樣，與內容無關；

4.他能夠容納內聯元素和其餘元素。

行內元素的特色：

1.和其餘元素都在一行上；

2.高，行高及外邊距和內邊距部分能夠改變；

3，寬度只與內容有關。

4.行內元素只能容納文本或者其餘行內元素。