小編給大家分享一下正則表達式與HTML5新元素的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴，公司提供的服務(wù)項目有：國際域名空間、網(wǎng)站空間、營銷軟件、網(wǎng)站建設(shè)、廣安網(wǎng)站維護、網(wǎng)站推廣。

ProcessOn是一個在線協(xié)作繪圖平臺,為用戶提供最強大、易用的作圖工具!

它可以很方便的在線簡單繪制一些東西，讓自己去具體理解。

正則表達式

今日的正則只是學(xué)習(xí)正則的簡單使用。在HTML5的標(biāo)簽屬性的強大面前，我們已經(jīng)可以不用去先學(xué)習(xí)javascript才能再去正則了，因為HTML5的input標(biāo)簽的pattern可以實現(xiàn)標(biāo)簽的驗證，近似取代復(fù)雜的javascript使用正則驗證表單，在未來一定會完全取代的。

正則的簡單使用：

[0-9] 查找任何從 0 至 9 的數(shù)字。
[a-z] 查找任何從小寫 a 到小寫 z 的字符。
[A-Z] 查找任何從大寫 A 到大寫 Z 的字符。
[A-z] 查找任何從大寫 A 到小寫 z 的字符。
n{X} 匹配包含 X 個 n 的序列的字符串。
n{X,Y} 匹配包含 X 或 Y 個 n 的序列的字符串。
n{X,} 匹配包含至少 X 個 n 的序列的字符串。

記得這幾個可以實現(xiàn)簡單的正則運算了。如：

<form action="#">
<input type="text" pattern="[0-9a-zA-Z]{1,}" required>
<input type="submit" value="提交">
</form>

這就是個簡單驗證范圍在1個字符以上的任意0到9或a到z或A到Z的表單驗證，而required是設(shè)置這個文本為必填項，否則會在提交表單時提示填寫。

而具體的使用正則，則需要記得元字符、量詞及方括號的用意。

pattern屬性規(guī)定了正則的匹配方式，還有只能是編寫與正則匹配的長度。

它現(xiàn)在無法現(xiàn)實到像javascript的RegExp對象那么方便，不可以去設(shè)置修飾符，就是設(shè)置全局或大小寫敏感等。

但它的功能已經(jīng)很強大了。

而為什么無法設(shè)置修飾符，因為它是正則表達式，而在w3c里解釋是pattern 是正則表達式，而不是字符串，則必須省略該修飾符，所以它不能設(shè)置這個修飾符，不是會出錯。

補充小知識：匹配中文的正則

[\u4e00-\u9fa5]這個確實只匹配中文

[^\x00-\xff]這個匹配所有非ASCII的字符，也就是一般意義上的半角字符，而這些%！）（之類的是全角字符 。

HTML5之音頻與視頻元素

audio音頻標(biāo)簽

<audio controls autoplay loop >
<source src="URL" type="audio/mp4">
<source ssrc="URL" type="audio/ogg">
<p>你的瀏覽器不支持</p> 
</audio>

效果圖：

它的屬性：

autoplay autoplay 如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。

controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

loop loop 如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時重新開始播放。

preload preload 如果出現(xiàn)該屬性，則音頻在頁面加載時進行加載，并預(yù)備播放。如果 使用 "autoplay"，則忽略該屬性。

src url 要播放的音頻的 URL。

video視頻標(biāo)簽

<video controls loop muted width="400" height="400" poster="播放前的顯示圖片URL">
<source src="視頻本地地址URL" type="video/mp4">
<source src="視頻本地地址URL" type="video/ogg">
<p>你的瀏覽器不支持</p> 
</video>

它的屬性：

autoplay autoplay 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。

controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。

loop loop 如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開始播放。

muted muted 規(guī)定視頻的音頻輸出應(yīng)該被靜音。

poster URL 規(guī)定視頻下載時顯示的圖像，或者在用戶點擊播放按鈕前顯示的圖像。

preload preload 如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預(yù)備播放。如果 使用 "autoplay"，則忽略該屬性。

src url 要播放的視頻的 URL。

width pixels 設(shè)置視頻播放器的寬度。

height pixels 設(shè)置視頻播放器的高度。

它們都有三種格式一種是mp4，一種是ogg，還有一種webm，目前在這方面支持的格式還不夠完善。

以上是“正則表達式與HTML5新元素的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標(biāo)題：正則表達式與HTML5新元素的示例分析-創(chuàng)新互聯(lián)
當(dāng)前URL：http://jinyejixie.com/article42/ddechc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、網(wǎng)站維護、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計公司、App設(shè)計、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)