H5常用的表單屬性

2021-10-07 02:25:21 字數 2149 閱讀 9222

屬性值

說明type=「email」

限制使用者輸入必須為email型別

type=「url」

限制使用者輸入必須為url型別

type=「date」

限制使用者輸入必須為日期型別

type=「time」

限制使用者輸入必須為時間型別

type=「month」

限制使用者輸入必須為月型別

type=「week」

限制使用者輸入必須為周型別

type=「number」

限制使用者輸入必須為數字型別

type=「tel」

手機號碼(不限制只能輸入數字,因為有些特殊**會有符號)

type=「search」

搜尋框type=「color」

生成乙個顏色選擇表單

**

手機端效果中,如果是手機號碼,那麼會顯示數字鍵盤。

新增表單屬性屬性值

說明required

required

表單擁有該屬性表示其內容不能為空,必填

placeholder

提示文字

表單的提示資訊,存在預設值將不顯示

autofocus

autofocus

自動聚焦屬性,頁面載入完成自動聚焦到指定表單

autocomplete

off / on

當使用者在字段開始鍵入時,瀏覽器基於之前鍵入過的值,應該顯示出在字段中填寫的選項。預設已經開啟,如 autocomplete=」on 「 關閉 autocomplete =」off」-需要放在表單內同時加上name屬性-同時成功提交

multiple

multiple

可以多選檔案提交

required:必填驗證

pattern:自定義驗證-通過編寫正規表示式自定義驗證規則 一般和required同時使用

placeholder:佔位符-提示資訊

autofocus 自動獲取焦點

autofocus:自動獲得焦點 (一般頁面中放1個)

效果如下:

5. multiple:可以多選檔案提交

form屬性

在html中,標籤是使用來建立供使用者輸入的html表單,在網頁中很常見,比如:註冊和登入頁面就是用表單實現的。

標籤中通常會有很多子元素,用來定義各種互動控制項(文字字段、核取方塊、單選框、提交按鈕等等),比如< input>、< button>、< select>、< textarea>等標籤。

標籤語法格式

說明:表單內容可以是< input>、< textarea>、< button>、< select>、< option>、< optgroup>、< fieldset>、< label>等標籤

標籤屬性

accept:伺服器接收到的檔案的型別(html5版本也不支援); accept-charset:伺服器可處理的表單資料字符集;

action:當提交表單時向何處傳送表單資料;

autocomplete:是否啟用表單的自動完成功能,值可以是:on、off,html5新增;

enctype:在向伺服器傳送表單資料之前如何對其進行編碼,method="post"時可以使用,值可以是:multipart/form-data、text/plain等;

method:用於傳送表單資料的http方法,值可以是:get、post;

name:規定表單的名稱,在xhtml中也廢棄,使用id來代替;

novalidate:提交表單時不進行驗證,值為:novalidate,html5新增;

target:在何處開啟action屬性中的位址,值可以是:_blank、_self、_parent、_top;

H5表單屬性

form formaction formmethod placeholder autofocus list autocomplete list 指定文字框提供建議值的datalist元素,其值為datalist元素的id值。maxlength 設定文字框最大字元長度。pattern 用於輸入印證的正...

H5新增表單屬性

一 form屬性 14 最後乙個input並不屬於form表單元素,在提交表單是,input不會隨著表單一起提交,但是在html5中我們只需要在input屬性中增加form屬性,並制定form的id,外部的input就屬於表單的提交範圍.二 formaction屬性 1 可以將表單元素提交到不同的頁...

H5新增input表單 表單屬性

新增表單 屬性值說明 type email 郵箱格式 type url url型別 type date 日期格式 type time 時間格式 type month 月type week 周type number 數字type tel 手機號type seach 搜尋框type color 顏色選擇...