HTML5 新的 Input 型別

2021-08-20 09:33:15 字數 584 閱讀 7821

number

type= number 呼叫數字鍵盤

加入pattern=」[0-9]*」 呼叫九宮格數字鍵盤

"number" pattern="[0-9]*"/>
首字母自動大寫autocapitalize

在 ios 中,使用者可以手動開啟「首字母自動大寫」功能,這樣輸入英文的時候,首字母便會自動大寫。比如使用者名稱這個字段,如果字段本身就是區分大小寫的,首字母自動大寫往往會給使用者帶來麻煩。可以通過在表單元素上可以通過設定autocapitalize=」off」來關閉。

"text" autocapitalize="off" placeholder="使用者名稱-關閉首字母大寫">
還可以在form元素上設定該屬性,讓裡面的每個元素都繼承autocapitalize的設定。

autocomplete

預設為on,其含義代表是否讓瀏覽器自動記錄自謙輸入的值。

很多時候,需要對客戶的資料進行保密,防止瀏覽器軟體或者惡意外掛程式獲取到。可以在input中加入autocomplete = 「off」來關閉記錄,系統需要保密的情況下可以使用此引數。

HTML5 新的input型別

html5擁有多個新的表單輸入型別。這些新特性提供了更好地輸入控制和驗證。新的輸入型別如下 瀏覽器支援情況 ie firefox opera chrome safari 其中opera對新的輸入型別的支援最好。不過您已經可以在所有主流的瀏覽器中使用它們了。即使不被支援,仍然可以顯示為常規的文字域。i...

HTML5新增input型別

發表於 2016 06 16 分類於 前端 閱讀次數 4在html4等早期版本中,input元素已經有了一些type型別,type可取的值有下面這些 text文字型別 password密碼型別 radio 單選型別 選項 checkbox 多選型別 選項 file 檔案型別 submit 提交按鈕 ...

html5 新增 input 型別

input 新增型別 email url number range date picker search color tel date picker date 選取日 月 年 month 選取月 年 week 選取周 年 time 選取時間 小時和分鐘 datetime 選取時間 日 月 年 utc...