屬性值
說明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 顏色選擇...