HTML5中的form表單

2021-10-05 11:14:44 字數 1392 閱讀 5497

元素用於生成輸入表單,該元素不會生成視覺化部分,它除了通用屬性id、style、class外,還可以指定onclick事件,除此之外,還有以下幾個屬性: action: 指定當單擊表單內的確認按鈕時,該表單被提交到那個位址。該屬性既可以指定乙個絕對位址,也可以指定乙個相對位址,該屬性必填,非常重要! method:指定提交表單時傳送何種請求,該屬性有get和post兩種值,通常建議傳送post請求,該屬性必填。表單預設以get方式提交請求。 get請求和post請求的區別如下: get請求方式:直接在瀏覽器位址列中輸入訪問位址所傳送的請求,或提交表單傳送請求時,該表單對應的form元素沒有設定method屬性,或設定了method屬性為get,這幾種都是get方式的請求。get方式的請求會將請求引數的名和值轉換為字串,並附加在原url之後,因此可以在位址列中看到請求引數的名和值。且get請求傳送的資料量較小。 post方式的請求:這種方式通常使用提交表單的方式來傳送,並且不要設定form的method屬性為post。post方式傳送的資料量較大,通常認為post請求引數的大小不受限制,但往往取決於伺服器的限制,post請求傳輸的資料量總比get傳輸的資料量大,而且post方式傳送的請求引數以及對應的值放在html header中傳輸,使用者不能在位址列中看到請求的引數值,安全性相對較高。 name:指定表單的唯一名稱,建議該屬性值與id屬性值保持一致。 target:該屬性有4個屬性值,指定使用哪種方式開啟目標url。_self,_black_,_parent,_top分別指定使用自身,乙個新的頁面,頂級框架,父框架來載入form請求。 input元素: 單行文字框:指定

元素除了可以指定id、style和class等核心屬性外,也可以指定onclick事件屬性,還可以指定onfocus,onblur等焦點事件屬性,初次之外,還有一下幾個屬性:

checkbox:設定單選框,核取方塊初始狀態是否處於選中狀態,該屬性是支援boolean值的屬性,表示初始即被選中。只有當type屬性值為checkbox或redio是才可以指定該屬性。

disable:設定首次載入時禁用此元素。該屬性是支援boolean值得屬性,表示該元素被禁用,該元素無法獲取輸入焦點,無法選中,無法在其中輸入文字,無法響應滑鼠事件。

maxlenggth:該屬性值是乙個數字,指定文字框中所允許輸入的最大字元數。

readonly:指定該文字框中的值不允許修改。

size:該屬性是乙個數字,指定元素的寬度。當type=」hidden」時指定該屬性沒有意義。

<

!doctype html>

"utf-8"

>

我的標頭<

/title>

<

/head>

效果如下:

HTML5表單 form實戰解析

由於目前html5標準仍然在開發中,不同的瀏覽器對html5特性的支援都相當有限。其中chrome opera在表單方面支援得比較好,本例項在chrome opera上執行一切正常,建議最高版本,效果圖如下 這個表單使用哪些新元素型別及功能?type型別 我們熟悉type就是text passwor...

HTML5中form表單新新增的屬性

通常form表單需要method和action兩種屬性 action指明了表單的提交路徑 method指明了提交的方法 有get和post兩種 get 用?關聯資料 用 連線多個資料 缺點 資料傳輸量有限 安全性問題 賬戶密碼等各種敏感資訊容易被人獲取 post 提交之後不會顯示任何資訊 資料傳輸量...

HTML5 智慧型form表單新屬性

xhtml中需要放在form之中的諸如inpu button select textarea等標籤元素,在html5中完全可以放在頁面任何位置,然後通過新增的form屬性指向元素所屬表單的id值,即可關聯起來。html5中確實新增了不少的新的屬性,給我們省去了好大的功夫去判斷。智慧型表單使用與規範 ...