第二章 HTML5表單

2022-08-29 09:00:15 字數 1015 閱讀 6804

(1) html 5表單特性

1. placeholder

這是乙個佔位符。該特性用於簡短的描述。

2. autofocus

autofocus,自動焦點。新增該特性的input欄位會在頁面渲染完以後自動獲取焦點。

3. autocomplete

autocomplete,自動完成。特性根據使用者輸入的內容自動完成表單。預設狀態是on,一般情況下不必對他進行設定。

4. required

required,必需的。瀏覽器會在使用者提交表單之前,要求使用者在字段中輸入資料。

5. pattern

pattern,模式。它能指定乙個正規表示式,以便用於對字段的值進行檢查。

6. list和datalist

list(列表)特性讓使用者能夠將乙個選項列表與乙個特定的字段關聯在一起。list特性的值必須與同乙個文件中的乙個datalist(資料列表)元素的id相同。

你最愛的水果:

blackberry

blackcurrant

blueberry

7. multiple

可以使用multiple使list和datalist更進一步,以允許使用者輸入datalist中的多個值。

8. novalidate與formnovalidate

特性表示表單提交時不需要進行驗證。

9. form

這是個特性!不是form表單哦。用於將input、select或者textarea與乙個表單關聯起來。

10. formaction、formenctype、formmethod和formtarget

目前沒有用到,暫不做解釋了吧。

(2) 新的輸入型別

1. search

2. email

3. url

4. tel

5. number

6. range

7. date

8. color

HTML5學習筆記 第二章 核心技術

八 div 標記1 層 層屬於網頁中的塊級元素,提供了一種分塊控制網頁內容的方法,各層可以疊加。一般有兩類層,css 層和netscape 層。主要使用 css層 2 是用來為大塊的內容提供結構和背景的元素。屬性可以設定id,align 對齊方式 class 定義css 樣式中的 class 選擇符...

第二章 5 HTML5 Input 型別

html5 input 型別 html5 新的 input 型別 html5擁有多個新的表單輸入型別。這些新特性提供了更好的輸入控制和驗證。本章全面介紹這些新的輸入型別 email urlnumber range date pickers date,month,week,time,datetime,...

第二章 HTML結構

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