第二章 5 HTML5 Input 型別

2021-05-28 09:34:45 字數 1209 閱讀 3907

html5 input 型別

html5 新的 input 型別

html5擁有多個新的表單輸入型別。這些新特性提供了更好的輸入控制和驗證。

本章全面介紹這些新的輸入型別:

email

urlnumber

range

date pickers (date,month, week, time, datetime, datetime-local)

search

color

瀏覽器支援

注釋:opera對新的輸入型別的支援最好。不過您已經可以在所有主流的瀏覽器中使用它們了。即使不被支援,仍然可以顯示為常規的文字域。

input 型別 - email

email 型別用於應該包含e-mail 位址的輸入域。

在提交表單時,會自動驗證 email域的值。

例項e-mail:

input 型別 - url

url 型別用於應該包含 url位址的輸入域。

在提交表單時,會自動驗證 url域的值。

例項homepage:

input 型別 - number

number型別用於應該包含數值的輸入域。

您還能夠設定對所接受的數字的限定:

例項points:

請使用下面的屬性來規定對數字型別的限定:

請試一下帶有所有限定屬性的例子:親自試一試

input 型別 - range

range型別用於應該包含一定範圍內數字值的輸入域。

range 型別顯示為滑動條。

您還能夠設定對所接受的數字的限定:

例項請使用下面的屬性來規定對數字型別的限定:

input 型別 - datepickers(資料檢出器)

html5擁有多個可供選取日期和時間的新輸入型別:

date - 選取日、月、年

month - 選取月、年

week - 選取周和年

time - 選取時間(小時和分鐘)

datetime -選取時間、日、月、年(utc 時間)

datetime-local -選取時間、日、月、年(本地時間)

下面的例子允許您從日曆中選取乙個日期:

例項date:

input 型別 - search

search型別用於搜尋域,比如站點搜尋或 google 搜尋。

search 域顯示為常規的文字域。

第二章 HTML5表單

1 html 5表單特性 1.placeholder 這是乙個佔位符。該特性用於簡短的描述。2.autofocus autofocus,自動焦點。新增該特性的input欄位會在頁面渲染完以後自動獲取焦點。3.autocomplete autocomplete,自動完成。特性根據使用者輸入的內容自動完...

第二章 WCF基礎 5

size large color red 原文 url size x large color orange 客戶端和元資料wcf client and metadata color size b wcf客戶端 b wcf客戶端應用程式的建立,是為了將服務端的操作轉換成方法,任何一種應用程式都可以託管...

第二章 HTML結構

dtd document type definition 規定了標記語言的規則,使得瀏覽器可以正確的呈現內容。html結構是一種巢狀結構,如同洋蔥,從外到裡。web頁面結構,即dom document object model 樹結構。現在主流的編輯器 ide 都會帶有 提示功能,如webstorm...