h5新增表單控制項及其相關屬性

2021-07-13 03:27:41 字數 841 閱讀 1998

email : 電子郵箱文字框,跟普通的沒什麼區別當輸入不是郵箱的時候,驗證通不過移動端的鍵盤會有變化

tel : **號碼

url : 網頁的url

search : 搜尋引擎

chrome下輸入文字後,會多出乙個關閉的x

range : 特定範圍內的數值選擇器

min(最小值)、max(最大值)、step( 步數 )

例子 : 用js來顯示當前數值

number : 只能包含數字的輸入框

color : 顏色選擇器

datetime : 顯示完整日期

datetime-local : 顯示完整日期,不含時區

time : 顯示時間,不含時區

date : 顯示日期

week : 顯示周

month : 顯示月

placeholder : 輸入框提示資訊

例子 : 微博的密碼框提示

autocomplete : 是否儲存使用者輸入值

預設為on,關閉提示選擇off

autofocus : 指定表單獲取輸入焦點

list和datalist : 為輸入框構造乙個選擇列表

list值為datalist標籤的id

required : 此項必填,不能為空

pattern : 正則驗證 pattern=」\d「

formaction 在submit裡定義提交位址

H5新增表單屬性

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

H5新增form控制項和表單屬性

第乙個知識點 表單的屬性及總結 第二個知識點 h5新增的表單控制項和屬性以及總結 第乙個知識點 我們常見的表單驗證有哪些呢 text 文字框標籤 password 密碼框 checkbox 多選框 radio 單選框 button 按鈕 submit 提交按鈕 以上是我們常用的一些form屬性 第二...

H5新增input表單 表單屬性

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