《HTML5與CSS3基礎(chǔ)教程》學(xué)習(xí)筆記--FourDay_html/css_WEB-ITnose

第十六章

1、 輸入和元素

電子郵件框

搜索框
電話框
URL 框
以下元素得到了部分瀏覽器的支持
日期

數(shù)字
范圍
數(shù)據(jù)列表

下面的輸入或者元素得到的支持很少， W3C 指出它們在 2014 年定案之時很可能不會列入 HTML5
顏色

全 局 日 期 和時間
局部日期和時間
月
時間
周
輸出

2、 屬性：

1) accept限制用戶可上傳文件的類型

2) autocomplete如果對 form 元素或特定的字段添加

3) autocomplete="off"，就會關(guān)閉瀏覽器的對該表單或該字段的自動填寫功能。默認值為 on

4) autofocus頁面加載后將焦點放到該字段

5) multiple允許輸入多個電子郵件地址，或者上傳多個文件

6) list將 datalist 與 input 聯(lián)系起來

7) maxlength指定 textarea 的最大字符數(shù)（在 HTML5 之前的文本框就支持該特性）

8) pattern定義一個用戶所輸入的文本在提交之前必須遵循的模式placeholder 指定一個出現(xiàn)在文本框中的提示文本，用戶開始輸入后該文本消失

9) required需要訪問者在提交表單之前必須完成該字段

10) formnovalidate 關(guān)閉 HTML5 的自動驗證功能。應(yīng)用于提交按鈕 novalidate關(guān)閉 HTML5 的自動驗證功能。應(yīng)用于表單元素

3、 可以增加

來添加標題

4、 特殊的屬性：的值與一個表單字段的 id 的值相同

eg:

 
 First Name:

5、 命名習(xí)慣：for、id、name

1) 單個單詞：三個一致

2) 多個單詞：for、id用-隔開，name用_隔開

6、 文本框

eg：

7、 對選擇框選項進行分組：

eg:

8、 讓訪問者上傳文件：enctype="multipart/form-data"

9、 創(chuàng)建隱藏字段：type=”hidden”

1) name=”提交給服務(wù)器的信息”

2) value=”要提交的信息本身”

10、 根據(jù)狀態(tài)為表單設(shè)置樣式

第十七章

1、 視頻文件格式：.ogg、.mp4、.webm

2、 video屬性

1) src（源） 指定視頻文件的URL

2) autoplay（自動播放） 當視頻可以播放時立即開始播放

3) controls（控件） 添加瀏覽器為視頻設(shè)置的默認控件

4) muted（靜音） 讓視頻靜音

5) loop（循環(huán)） 讓視頻循環(huán)播放

6) poster（海報） 指定視頻加載時要顯示的圖像（而不顯示視頻的第一幀）。接受所需圖像文件的 URL

7) width（寬度） 視頻的寬度（以像素為單位），通常默認為 300

8) height（高度） 視頻的高度（以像素為單位），通常默認為 150

9) preload（預(yù)加載） 告訴瀏覽器要加載的視頻內(nèi)容的多少。可以是以下三個值：

? none表示不加載任何視頻

metadata 表示僅加載視頻的元數(shù)據(jù)（如長度、尺寸等）
? auto

3、 添加控件和自動播放：controls、autopaly

4、 循環(huán)播放：loop

5、 海報圖像：poster=”xx.jpg”

6、 防止預(yù)先加載視頻：preload=”none/auto/metadata(最好)”

7、 使用多種來源的視頻和備用文本（音頻還沒有加載出來顯示文本）

eg:

8、 音頻格式：.ogg/.mp3/.wav/.aac/.mp4/opus

9、 添加音頻：

10、 音頻屬性

11、 提供帶備用內(nèi)容的多個視頻源

1) 
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

《HTML5與CSS3基礎(chǔ)教程》學(xué)習(xí)筆記--FourDay_html/css_WEB-ITnose

《HTML5與CSS3基礎(chǔ)教程》學(xué)習(xí)筆記--FourDay_html/css_WEB-ITnose:第十六章 1、 輸入和元素 電子郵件框 搜索框 電話框 URL 框 以下元素得到了部分瀏覽器的支持日期 數(shù)字 范圍 數(shù)據(jù)列表 下面的輸入或者元素得到的支持很少， W3C 指出它們在 2014 年定案之時很可能不會列入 HTML5顏色 全 局 日 期 和時間

推薦度：

點擊下載本文 文檔為doc格式