《HTML 5與CSS 3 權(quán)威指南（第4版·上冊）》 —2.3　新增的屬性和廢除的屬性

2.3　新增的屬性和廢除的屬性

在html 5中，在增加和廢除很多元素的同時(shí)，也增加和廢除了很多屬性，本節(jié)對于這些增加和廢除的屬性進(jìn)行簡單介紹。

2.3.1　新增的屬性

1.表單相關(guān)的屬性

新增的與表單相關(guān)的元素如下：

可以對input（type=text）、select、textarea與button元素指定autofocus屬性。它以指定屬性的方式讓元素在畫面打開時(shí)自動(dòng)獲得焦點(diǎn)。

可以對input元素（type=text）與textarea元素指定placeholder屬性，它會(huì)對用戶的輸入進(jìn)行提示，提示用戶可以輸入的內(nèi)容。

可以對input、output、select、textarea、button與fieldset指定form屬性，聲明它屬于哪個(gè)表單，然后將其放置在頁面上任何位置，而不是表單之內(nèi)。

可以對input元素（type=text）與textarea元素指定required屬性。該屬性表示在用戶提交的時(shí)候進(jìn)行檢查，檢查該元素內(nèi)一定要有輸入內(nèi)容。

為input元素增加了幾個(gè)新的屬性：autocomplete、min、max、multiple、pattern與step。同時(shí)還有一個(gè)新的list元素與datalist元素配合使用。datalist元素與autocomlete屬性配合使用。multiple屬性允許在上傳文件時(shí)一次上傳多個(gè)文件。

為input元素與button元素增加了新屬性formaction、formenctype、formmethod、formnovalidate與formtarget，它們可以重載form元素的action、enctype、method、novalidate與target屬性。為fieldset元素增加了disabled屬性，用于把它的子元素設(shè)為disabled（無效）狀態(tài)。

為input元素、button元素、form元素增加了novalidate屬性，該屬性可以取消提交時(shí)進(jìn)行的有關(guān)檢查，表單可以被無條件提交。

為所有可使用標(biāo)簽（label元素）的表單元素（包括非隱藏的input元素（type屬性值不等于hidden)、button元素、select元素、textarea元素、meter元素、output元素、progress元素以及keygen元素）定義一個(gè)labels屬性，屬性值為一個(gè)NodeList對象，代表該元素所綁定的標(biāo)簽元素所構(gòu)成的集合。

可以在標(biāo)簽（label元素）內(nèi)部放置一個(gè)表單元素，并且通過該標(biāo)簽的control屬性訪問該表單元素。

針對input元素與textarea元素，在html 5中增加SelectionDirection屬性。當(dāng)用戶在這兩個(gè)元素中用鼠標(biāo)選取部分文字時(shí)，可以使用該屬性來獲取選取方向。當(dāng)用戶正向選取文字時(shí)，該屬性值為“forward”，當(dāng)用戶反向選取文字時(shí)，該屬性值為“backward”。當(dāng)用戶沒有選取任何文字時(shí)，該屬性值為“forward”。

對復(fù)選框（checkbox元素）添加indeterminate屬性，以說明復(fù)選框處于“尚未明確是否選取”狀態(tài)。

對類型為image的input元素添加用于指定圖片按鈕中圖片高度的height屬性與圖片寬度的width屬性。

對textarea元素新增用于限定可輸入文字個(gè)數(shù)的maxlength屬性與用于指定表單提交時(shí)是否在文字換行處添加換行符的wrap屬性。

2.鏈接相關(guān)的屬性

新增的與鏈接相關(guān)的屬性如下：

為a與area元素增加了media屬性、download屬性以及ping屬性，其中media屬性規(guī)定目標(biāo)URL是為什么類型的媒介/設(shè)備進(jìn)行優(yōu)化的，download屬性用于讓用戶下載目標(biāo)鏈接所指向的資源，而不是直接打開該目標(biāo)鏈接，這些屬性均只能在href屬性存在時(shí)使用。

為area元素增加了hreflang屬性與rel屬性，以保持與a元素、link元素的一致。

為link元素增加了新屬性sizes。該屬性可以與icon元素結(jié)合使用（通過rel屬性），該屬性指定關(guān)聯(lián)圖標(biāo)（icon元素）的大小。

為base元素增加了target屬性，主要目的是保持與a元素的一致性。

3.其他屬性

除了上面介紹的與表單和鏈接相關(guān)的屬性外，HTML 5還增加了下面的屬性：

為ol元素增加start屬性與reversed屬性，其中start屬性定義列表的開始編號(hào)，reversed屬性指定列表倒序顯示。

為meta元素增加charset屬性，因?yàn)檫@個(gè)屬性已經(jīng)得到廣泛支持，而且為文檔的字符編碼的指定提供了一種比較良好的方式。

為menu元素增加了兩個(gè)新的屬性——type與label。label屬性為菜單定義一個(gè)可見的標(biāo)注，type屬性讓菜單可以以上下文菜單、工具條、與列表菜單三種形式出現(xiàn)。

為style元素增加scoped屬性，用來規(guī)定樣式的作用范圍，譬如只對頁面上某個(gè)樹起作用。

為script元素增加async屬性，它定義腳本是否異步執(zhí)行。

為html元素增加屬性manifest，開發(fā)離線Web應(yīng)用程序時(shí)它與API結(jié)合使用，定義一個(gè)URL，在這個(gè)URL上描述文檔的緩存信息。

為iframe元素增加三個(gè)屬性——sandbox、seamless與srcdoc，用來提高頁面安全性，防止不信任的Web頁面執(zhí)行某些操作。

css HTML5 html

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。