【正文】 vas 等革新性技術還是一知半解 ,但我還是希望我現(xiàn)在所 學到的能幫助更多的前端人學習這門毋庸置疑是新趨勢的技術 .本文我將詳細介紹一下 HTML 5 中對表單功能的更新 .。瀏覽器如果不知道 doctype，就會很簡單的以標準模式對包含的標簽進行渲染。對于我自己來說就是如此。當然，你需要設定一個初始的默認的 value 值，然后根據(jù)輸入內(nèi)容進行判斷，從而決定文本框值的改變與否。 } 不幸的是， IE 仍舊忽略這些樣式，因為它不知道這些標簽從哪里來的，好比是 header元素。 input type=text name=someInput required 或者，使用更結(jié)構(gòu)化的方法： input type=text name=someInput required=required 兩種方法都行。 十七、 Video 支持 與 audio元素很類似，在新的瀏覽器中也存在 Video！事實上，就在最近， YouTube 宣告了新的 HTML5 視頻嵌入，當然，是為支持此功能瀏覽器。 controls 和 preload 屬性就會在下面提及。 如果您對正則表達式概念模糊了，可以參見這里。 in (39。 二十五、哪些不是 HTML5(What is Not HTML5) 那些僅憑自己的假設形象將 JavaScript 變少的過渡被全部歸為 HTML5 的人是可以理解的，嘿，甚至蘋果無意中推動這一想法。)。 if ( typeof f[39。 二十八、使用區(qū)域 input 創(chuàng)建滑塊 (Create Sliders with the Range Input) HTML5 引進了 range 類型的 input。 然后，下次用戶刷新頁面的時候，選擇的區(qū)域和值會自動地設置成他們最后一次選擇。)。（注意：你的 doctype 的申明需要出現(xiàn)在你 html文件的第一行。 XML/HTML Code 復制內(nèi)容到剪貼板 !DOCTYPE html html lang=”en” head meta charset=” utf8″ titleuntitled/title /head body form action=” method=”get” label for=””Email:/label input id=”” name=”” type=”” / button type=”submit” Submit Form /button /form /body /html 在說到瀏覽器所支持和不支持的元素以及屬性 時，你必需知道當前所有瀏覽器都不是那么可靠。 (“header”)。 XML/HTML Code 復制內(nèi)容到剪貼板 audio autoplay=”autoplay” controls=”controls” source src=”” / source src=” ″ / a href=” ″ Download this file./a /audio 說道音頻格式， Mozilla 和 Webkit 都還沒有完全支持。 XML/HTML Code 復制內(nèi)容到剪貼板 form method=post action=” label for=”username”create a username: /label input id=” username” type=” text” name=” username” placeholder=” 4 10″ required=”required” autofocus=” autofocus” pattern=” [AZaz]{4,10}” button type=”submit”Go /button /form 如果你比較熟悉正則表達式的話就會注意到這個新模式 : [AZaz]{4,10}只接受大小寫字母。例如，如果你想在一個元素里將一段代碼包裹住，特別是為了內(nèi)容的定位， div 將會是非常理想的選擇。你可以通過設置 preload=” preload”來預先加載視頻，或者之間添加 preload 也可以。 XML/HTML Code 復制內(nèi)容到剪貼板 input type=”text” name=”someInput” placeholder=”Douglas Quaid” required autofocus 15. 音頻支持 我們再也不需要依靠第三方插件來提供音頻了。它們只是代表它們的容 器。它的用途非常廣，如，簡單的任務清單或是基于 wiki 的站點也非常實用，此外，它還有一個優(yōu)勢就是利用了本地的存儲。 您可以狠狠地點擊這里： HTML5 range input 炫酷效果 demo 第 05 節(jié)、 必須知道的 22 個學習 HTML5 的技巧 (一 ) 互聯(lián)網(wǎng)科技發(fā)展的速度真可謂驚人的快，一個稍不留神，你就可能無法跟上它的步伐。text39。 fontweight: bold。你的瀏覽器尚未準備好！ 39。 } HTML 代碼： a datahoverresponse=我說過不要碰我！ href=不要碰我，雅蠛蝶~~/a 如果你的瀏覽器支持 after 偽類，以及 content 的 attr 屬性，則可以看到類似下面的效果(IE8 不一樣 )： 要查看上圖所示的效果，您可以狠狠地點擊這里： CSS 與 HTML5 自定義屬性 demo 還有， content 屬性其實是一個非常強大的屬性，由于低版本的 IE 不支持，所以此屬性尚未流行，關于 content 內(nèi)容生成技術，可以參見我之前的“ CSS content 內(nèi)容生成技術以及應用”這篇文章。然而，以前，我們可能會這樣： h1 id=someId customAttribute=value 小樣，膽兒挺肥的呢 /h1 ?校驗器會小題大做！但是現(xiàn)在，只要我們以” data”為前綴定義我們的自定義屬性，盜版屬性立馬變成正牌的了。 二十四、什么可以開始立即使用 一直談論到現(xiàn)在的 HTML5 要到 2022 年才能全部完成，許多人完全忽視它，這是個巨大的錯誤。如果是，瀏覽器則支持此功能。 form action= method=get label for=username姓名 :/label input id=username name=username type=text placeholder=410 個英文字母 pattern=[AZaz]{4,10} required=required autofocus / button type=submit提 交/button /form 如果你熟悉正則表達式，那么應該清楚 [AZaz]{4,10}表示接受 410 位不區(qū)分大小寫的英文字母。節(jié)省一些帶寬，還是你自己聲明下吧。 audio autoplay=autoplay controls=controls source src= / source src= / a href=Download this file./a /audio Mozilla 和 WebKit 的還沒有完全相處，當涉及到音頻格式， Firefox 會希望看到一個 .ogg文件，而 WebKit 的瀏覽器支持 .mp3 擴展。此外，一個 h2 標記的使用提出了更多的問題，在層次結(jié)構(gòu)上，當涉及到其他網(wǎng)頁上顯示的標題時。因此，將博客底部的，例如，元信息放在 footer 元素內(nèi)部是說得通的。而且，它不支持占位符屬性，這個我們將會在后面學到。因此，我們可以把 type 屬性一起干掉。如果你不想被 HTML5 的改變 /更新攪得不知所措的話，可以把本文的內(nèi)容作為必須了解的熱身課程。盡管 HTML 5 的實現(xiàn)還有很長的路要走，但 HTML 5 正在改變 Web。這是個很有用的表現(xiàn)元素，但是，現(xiàn)在，這種用法可能就不正確了。類似的用途還有很多，像是簡單的待辦事項清單應用程序，可大大利用其本地存儲的優(yōu)勢。 您可以狠狠地點擊這里： HTML5 本地存儲 Demo IE8 瀏覽器已經(jīng)支持了 本地存儲，如下截圖所示： 盡管顯然不支持所有的瀏覽器，我們可以在 Inter Explorer8 時， Safari 4 和 Firefox 下期待此工作方式。 (nav)。如果一個特定的輸入應該是“選擇”，或有重點的，默認情況下，我們現(xiàn)在可以利用自動獲取焦點屬性。 codecs=39。影片可以通過設置 preload=” preload”或 是簡單地添加 preload 進行預載。pattern39。例如，我在一些博客上搜索“北川景子”，我就可以使用一些 JavaScript 將當前的每個結(jié)果字符串用 mark 標簽包裹。 Geolocation:不是 HTML5.//zxx:Geolocation（地理位置）：通過 HTML 5，您應該能夠使Web 應用程序可確定您的位置，并為您提供更多的相關信息。 // My Value 此屬性還可以用在 CSS 中，例如下面這個有些傻里傻氣的 CSS 文字改變的例子： CSS 代碼： .data_custom { display:inlineblock。submit39。 fontweight: bold。], cachedRangeValue = ? : 5。 )。 4. 不再需要腳本、鏈接類型 很可能你仍然像下面的代碼一樣給你的鏈接和腳本標簽添加類型的屬性。你可以初步設定值屬性來看是否合適，但是只要用戶刪除了該文本，輸入的內(nèi)容就會再次變成空的。而使用群組標題 hgroup 元素，我們可以將這些標題聚集在一起，而不影響文檔的整個綱要。 第 07 節(jié)、 必須知道的 22 個學習 HTML5 的技巧 (三 ) 16. 視頻支持 音頻元素 audio非常像，在新的瀏覽器上也支持 HTML5 視頻。 jQuery 庫利用了這個技巧。如果能夠識別的話，瀏覽器就支持這個功能，否則就不支持?？上У氖?，由于 HTML5 說明文件并沒有為視頻指出某個特定的編碼器，所以都主要取決于瀏覽器來決定了。你可以依據(jù)自己寫代碼的偏好，用下面兩種不同方式來聲明這個屬性： XML/HTML Code 復制內(nèi)容到剪貼板 input type=”text” name=”someInput” required 或者，更嚴謹： XML/HTML Code 復制內(nèi)容到剪貼板 input type=”text” name=”someInput” required=”required” 上面兩行代碼都行得通。 XML/HTML Code 復制內(nèi)容到剪貼板 input name=”” type=”” placehol