<h3>control屬性</h3>
中文翻譯:控制
在HTML5中,可以再標(biāo)簽內(nèi)部放置一個(gè)表單元素,并且通過該標(biāo)簽的control屬性來訪問該表單元素。

<h3>placeholder</h3>
中文翻譯:提示符
當(dāng)文本框處于未輸入狀體時(shí)顯示輸入提示。當(dāng)文本框處于未輸入狀態(tài)且未獲取光標(biāo)焦點(diǎn)時(shí),模糊顯示輸入提示文字。
<h3>文本框的list屬性</h3>
在HTML5中,為單行文本增加了一個(gè)list屬性,該屬性的值為某個(gè)datalist元素的id。datelist元素也是html5中的新元素,該元素類似于選擇框,但是當(dāng)用戶想要設(shè)定的值不在選著列表之內(nèi)時(shí),允許自信輸入。datalist元素本身并不顯示,而是當(dāng)文本框獲得焦點(diǎn)時(shí)以提示輸入方式顯示。

<h3>autocomplete屬性</h3>
幫助輸入所用自動(dòng)完成功能。安全性比較完善。
autocomplete 屬性規(guī)定輸入字段是否應(yīng)該啟用自動(dòng)完成功能。
自動(dòng)完成允許瀏覽器預(yù)測(cè)對(duì)字段的輸入。當(dāng)用戶在字段開始鍵入時(shí),瀏覽器基于之前鍵入過的值,應(yīng)該顯示出在字段中填寫的選項(xiàng)。
注釋:autocomplete 屬性適用于 <form>,以及下面的 <input> 類型:text, search, url, telephone, email, password, datepickers, range 以及 color。
提示:在某些瀏覽器中,您可能需要手動(dòng)啟用自動(dòng)完成功能。

<h3>文本框的pattern屬性</h3>
中文翻譯:格式;
對(duì)input元素使用pattern屬性,并且將屬性值設(shè)為某個(gè)個(gè)數(shù)的正則表達(dá)式,在提交時(shí)會(huì)針對(duì)這些進(jìn)行檢查,檢查其內(nèi)容是否符合給定格式。當(dāng)輸入的內(nèi)容不符合給定格式時(shí),則不允許提交,同時(shí)在瀏覽器中顯示信息提示文字,提示
輸入內(nèi)容必須符合給定格式。

正則表達(dá)式
今日的正則只是學(xué)習(xí)正則的簡(jiǎn)單使用。在HTML5的標(biāo)簽屬性的強(qiáng)大面前,我們已經(jīng)可以不用去先學(xué)習(xí)javascript才能再去正則了,因?yàn)镠TML5的input標(biāo)簽的pattern可以實(shí)現(xiàn)標(biāo)簽的驗(yàn)證,近似取代復(fù)雜的javascript使用正則驗(yàn)證表單,在未來一定會(huì)完全取代的。
正則的簡(jiǎn)單使用:
[0-9] 查找任何從 0 至 9 的數(shù)字。
[a-z] 查找任何從小寫 a 到小寫 z 的字符。
[A-Z] 查找任何從大寫 A 到大寫 Z 的字符。
[A-z] 查找任何從大寫 A 到小寫 z 的字符。
n{X} 匹配包含 X 個(gè) n 的序列的字符串。
n{X,Y} 匹配包含 X 或 Y 個(gè) n 的序列的字符串。
n{X,} 匹配包含至少 X 個(gè) n 的序列的字符串。
<h3>SelectionDirection屬性</h3>
中文翻譯:選擇方向
當(dāng)用戶在這兩個(gè)元素中用鼠標(biāo)選取部分文字時(shí),可以使用該屬性來獲取方向。當(dāng)用戶正向選取文字時(shí),該屬性值為“forward”,當(dāng)用戶反向選著文字時(shí),該屬性值為“backward”當(dāng)用戶沒有選著任何文字時(shí),該屬性為“forward”
<h6>這個(gè)瀏覽器兼容不好我就不演示了!</h6>
<h3>indeterminate屬性</h3>
中文翻譯:不定
狀態(tài)三種。

<h3>image提交按鈕的height屬性與width屬性</h3>
針對(duì)image的input元素,HTML5新增了兩個(gè)屬性,height,width分別用來指定圖片按鈕的高度和寬度。
