HTML5 表單詳解

2021-07-27 16:32:08 字數 1202 閱讀 4104

注:如果文字出現不能自動換行現象,請將遊覽器調成相容模式

元素用於生成表單,該元素不會生成視覺化部分。

元素是表單元素中功能最豐富的控制項

元素用於在表單中定義標籤

元素用於在表單中定義按鈕

元素可以將多個元素的值整合成乙個請求。除了可以指定全域性屬性外,還能指定如下幾個屬性:

method:指定提交表單時傳送哪種型別的請求,該屬性一般為get或post,該屬性必填。

屬性值:

multipart/form-data:不對字元編碼。在使用包含檔案上傳控制項的表單時,必須使用該值。

text/plain:空格轉換為 「+」 加號,但不對特殊字元編碼。

name:指定表單的唯一名稱,建議該屬性與id保持一致。

元素可以生成是各種帶「值」的檢視,用於蒐集使用者資訊。除了可以指定全域性屬性外,還能指定如下幾個屬性:

checked:設定單選框,核取方塊初始狀態是否處於選中狀態,該屬性值只能是checked,表示初始被選中。

disabled:設定首次載入時禁用此元素。該屬性值只能是disabled,表示該元素被禁用了,無法輸入焦點,無法選中,無法輸入值等,無法響應事件等。當type=「hidden」時,不能使用該屬性。

maxlength:該屬性是乙個數字,代表允許輸入的最大字元數。

readonly:制定文字框的值不允許使用者修改(可以使用js指令碼修改)。

size:該屬性是乙個數字,指定該元素的寬度,當type=「hidden」時,不能使用該屬性。

元素除了可以指定全域性屬性外,還能指定如下幾個屬性:

元素除了可以指定全域性屬性外,還能指定如下幾個屬性:

元素用來建立列表框或下拉列表,該元素必須和元素結合使用,每個元素代表乙個列表項或選單項。元素除了可以指定全域性屬性外,還能指定如下幾個屬性:

元素用來定義列表框選項或選單項。該元素裡只能包含文字內容作為選項的文字。

用於定義列表項組或選單項組。該元素裡只能包含子元素,處於裡的就屬於該組。元素除了可以指定全域性屬性外,還能指定如下幾個屬性:

元素用來生成多行文字域。元素除了可以指定全域性屬性外,還能指定如下幾個屬性:

-cols:指定文字域的寬度,該屬性必填。

-rows:指定文字域的高度,該屬性必填。

-disabled:指定是否禁用此按鈕,該值只能是disabled,或者省略屬性值。

-readonly:指定該文字域唯讀,該值只能是readonly。

HTML5智慧型表單

1 便於排版的form表單 html5為了方便排版,可以使form的表單標籤脫離form的巢狀。方法 form指定id,所有的標籤標籤都新增form id屬性。例如 2 form新型別 type email 郵箱 自帶格式校驗 type url 必須帶協議 自帶格式校驗 type date 日期選擇...

HTML5表單屬性

1.6.input的formenctype屬性 用於表單提交到伺服器的資料編碼 只對form表單中method post 表單 該屬性會覆蓋form元素的enctype屬性。7 input formmethod屬性,定義了表單的提交方式,覆蓋了form元素的method屬性 8 input form...

HTML5 表單提交

html5的確是大勢所趨 現在就來說下html 5 當你看到你的頁面標頭是這樣 證明是h5咯 以往的頁面開頭總是很長 現在簡單多了 charset utf 8 這個是編碼格式咯 或者是別的這時候就說說 吧 action 提交位址 method get post onsubmit return che...