為了在將表單提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)，HTML5新增了一些功能。有了這些功能，即便 JavaScript 被禁用或者由于種種原因未能加載，也可以確?；镜尿?yàn)證。換句話說(shuō)，瀏覽器自己會(huì)根據(jù)標(biāo)記中的規(guī) 則執(zhí)行驗(yàn)證，然后自己顯示適當(dāng)?shù)腻e(cuò)誤消息（完全不用 JavaScript 插手）。當(dāng)然，這個(gè)功能只有在支持 HTML5這部分內(nèi)容的瀏覽器中才有效，這些瀏覽器有 Firefox 4+、Safari 5+、Chrome和 Opera 10+。?
? ? ? ? 只有在某些情況下表單字段才能進(jìn)行自動(dòng)驗(yàn)證。具體來(lái)說(shuō)，就是要在 HTML 標(biāo)記中為特定的字段 指定一些約束，然后瀏覽器才會(huì)自動(dòng)執(zhí)行表單驗(yàn)證。?
? ? ? ?1. 必填字段?
? ? ? ?第一種情況是在表單字段中指定了 required 屬性，如下面的例子所示：?

? ? ? ?任何標(biāo)注有 required 的字段，在提交表單時(shí)都不能空著。這個(gè)屬性適用于、 和<select>字段（Opera 11及之前版本還不支持<select>的 required 屬性）。在 JavaScript中，通過(guò) 對(duì)應(yīng)的 required 屬性，可以檢查某個(gè)表單字段是否為必填字段。?<br /> ? ? ? ?var isUsernameRequired = document.forms[0].elements["username"].required;?<br /> ? ? ? ?另外，使用下面這行代碼可以測(cè)試瀏覽器是否支持 required 屬性。?<br /> ? ? ? ?var isRequiredSupported = "required" in document.createElement("input");?<br /> ? ? ? ?以上代碼通過(guò)特性檢測(cè)來(lái)確定新創(chuàng)建的<input>元素中是否存在 required 屬性。 對(duì)于空著的必填字段，不同瀏覽器有不同的處理方式。Firefox 4和 Opera 11會(huì)阻止表單提交并在相 應(yīng)字段下方彈出幫助框，而 Safari（5之前）和 Chrome（9之前）則什么也不做，而且也不阻止表單提 交。?<br /> ? ? ? ?<strong>2. 其他輸入類型</strong><br /> ? ? ? ? HTML5為<input>元素的 type 屬性又增加了幾個(gè)值。這些新的類型不僅能反映數(shù)據(jù)類型的信息， 而且還能提供一些默認(rèn)的驗(yàn)證功能。其中，"email"和"url"是兩個(gè)得到支持多的類型，各瀏覽器也 都為它們?cè)黾恿硕ㄖ频尿?yàn)證機(jī)制。例如：?<br /> <input type="email" name ="email"><br /> ? ? ? ? <input type="url" name="homepage">?<br /> ? ? ? ?顧名思義，"email"類型要求輸入的文本必須符合電子郵件地址的模式，而"url"類型要求輸入的 文本必須符合 URL 的模式。不過(guò)，本節(jié)前面提到的瀏覽器在恰當(dāng)?shù)仄ヅ淠Ｊ椒矫娑即嬖趩?wèn)題。明顯 的是"-@-"會(huì)被當(dāng)成一個(gè)有效的電子郵件地址。瀏覽器開發(fā)商還在解決這些問(wèn)題。?<br /> ? ? ? ?要檢測(cè)瀏覽器是否支持這些新類型，可以在 JavaScript 創(chuàng)建一個(gè)<input>元素，然后將 type 屬性 設(shè)置為"email"或"url"，后再檢測(cè)這個(gè)屬性的值。不支持它們的舊版本瀏覽器會(huì)自動(dòng)將未知的值設(shè) 置為"text"，而支持的瀏覽器則會(huì)返回正確的值。例如：?<br /> ? ? ? ?var input = document.createElement("input"); input.type = "email";?<br /> ? ? ? ?var isEmailSupported = (input.type == "email");?<br /> ? ? ? ?要注意的是，如果不給<input>元素設(shè)置 required 屬性，那么空文本框也會(huì)驗(yàn)證通過(guò)。另一方面， 設(shè)置特定的輸入類型并不能阻止用戶輸入無(wú)效的值，只是應(yīng)用某些默認(rèn)的驗(yàn)證而已。?<br /> ? ? ? ?<strong>3. 數(shù)值范圍</strong><br /> ? ? ? ?除了"email"和"url"，HTML5 還定義了另外幾個(gè)輸入元素。這幾個(gè)元素都要求填寫某種基于數(shù)<br /> 字的值："number"、"range"、"datetime"、"datetime-local"、"date"、"month"、"week"， 還有"time"。瀏覽器對(duì)這幾個(gè)類型的支持情況并不好，因此如果真想選用的話，要特別小心。目前， 瀏覽器開發(fā)商主要關(guān)注更好的跨平臺(tái)兼容性以及更多的邏輯功能。因此，本文介紹的內(nèi)容某種程度上有 些超前，不一定馬上就能在實(shí)際開發(fā)中使用。?<br /> ? ? ? ?對(duì)所有這些數(shù)值類型的輸入元素，可以指定 min 屬性（小的可能值）、max 屬性（大的可能值） 和 step 屬性（從 min 到 max 的兩個(gè)刻度間的差值）。例如，想讓用戶只能輸入 0到 100的值，而且這 個(gè)值必須是 5的倍數(shù)，可以這樣寫代碼：?<br /> ? ? ? ?<input type="number" min="0" max="100" step="5" name="count"> ? ? ??<br /> 在不同的瀏覽器中，可能會(huì)也可能不會(huì)看到能夠自動(dòng)遞增和遞減的數(shù)值調(diào)節(jié)按鈕（向上和向下按 鈕）。?<br /> ? ? ? ?以上這些屬性在 JavaScript中都能通過(guò)對(duì)應(yīng)的元素訪問(wèn)（或修改）。此外，南昌網(wǎng)絡(luò)公司百恒網(wǎng)絡(luò)工程告訴大家還有兩個(gè)方法：stepUp() 和 stepDown()，都接收一個(gè)可選的參數(shù)：要在當(dāng)前值基礎(chǔ)上加上或減去的數(shù)值。（默認(rèn)是加或減 1。） 這兩個(gè)方法還沒(méi)有得到任何瀏覽器支持，但下面的例子演示了它們的用法。?<br /> ? ? ? ?input.stepUp(); //加 1<br /> ? ? ? ? input.stepUp(5); //加 5<br /> ? ? ? ? input.stepDown(); //減 1<br /> ? ? ? ? input.stepDown(10); //減 10?<br /> <strong>4. 輸入模式</strong><br /> ? ? ? ? HTML5為文本字段新增了 pattern 屬性。這個(gè)屬性的值是一個(gè)正則表達(dá)式，用于匹配文本框中的 值。例如，如果只想允許在文本字段中輸入數(shù)值，可以像下面的代碼一樣應(yīng)用約束：?<br /> ? ? ? ?<input type="text" pattern="d+" name="count">?<br /> ? ? ? ?注意，模式的開頭和末尾不用加^和$符號(hào)（假定已經(jīng)有了）。這兩個(gè)符號(hào)表示輸入的值必須從頭到 尾都與模式匹配。?<br /> ? ? ? ?與其他輸入類型相似，指定 pattern 也不能阻止用戶輸入無(wú)效的文本。這個(gè)模式應(yīng)用給值，瀏覽 器來(lái)判斷值是有效，還是無(wú)效。在 JavaScript中可以通過(guò) pattern 屬性訪問(wèn)模式。?<br /> ? ? ? ?var pattern = document.forms[0].elements["count"].pattern;?<br /> ? ? ? ?使用以下代碼可以檢測(cè)瀏覽器是否支持 pattern 屬性。?<br /> ? ? ? ?var isPatternSupported = "pattern" in document.createElement("input");?<br /> <strong>5. 檢測(cè)有效性</strong><br /> ? ? ? ? 使用 checkValidity()方法可以檢測(cè)表單中的某個(gè)字段是否有效。所有表單字段都有個(gè)方法，如 果字段的值有效，這個(gè)方法返回 true，否則返回 false。字段的值是否有效的判斷依據(jù)是本節(jié)前面介 紹過(guò)的那些約束。換句話說(shuō)，必填字段中如果沒(méi)有值就是無(wú)效的，而字段中的值與 pattern 屬性不匹 配也是無(wú)效的。例如：?<br /> if (document.forms[0].elements[0].checkValidity()){ //字段有效，繼續(xù) } else { //字段無(wú)效 }?<br /> ? ? ? ?要檢測(cè)整個(gè)表單是否有效，可以在表單自身調(diào)用 checkValidity()方法。如果所有表單字段都有 效，這個(gè)方法返回 true；即使有一個(gè)字段無(wú)效，這個(gè)方法也會(huì)返回 false。?<br /> if(document.forms[0].checkValidity()){<br /> ? ? ? ? //表單有效，繼續(xù) } else {?<br /> ? ? ? ?//表單無(wú)效?<br /> ? ? ? ?}?<br /> ? ? ? ?與 checkValidity()方法簡(jiǎn)單地告訴你字段是否有效相比，validity 屬性則會(huì)告訴你為什么字 段有效或無(wú)效。這個(gè)對(duì)象中包含一系列屬性，每個(gè)屬性會(huì)返回一個(gè)布爾值。?<br /> ? ? ? ?ustomError ：如果設(shè)置了 setCustomValidity()，則為 true，否則返回 false。 ?<br /> ? ? ? ?patternMismatch：如果值與指定的 pattern 屬性不匹配，返回 true。?<br /> ? ? ? ?rangeOverflow：如果值比 max 值大，返回 true。?<br /> ? ? ? ?rangeUnderflow：如果值比 min 值小，返回 true。?<br /> ? ? ? ?stepMisMatch：如果 min 和max 之間的步長(zhǎng)值不合理，返回 true。?<br /> ? ? ? ?tooLong：如果值的長(zhǎng)度超過(guò)了 maxlength 屬性指定的長(zhǎng)度，返回 true。有的瀏覽器（如Firefox 4） 會(huì)自動(dòng)約束字符數(shù)量，因此這個(gè)值可能永遠(yuǎn)都返回 false。?<br /> ? ? ? ? typeMismatch：如果值不是"mail"或"url"要求的格式，返回 true。?<br /> ? ? ? ?valid：如果這里的其他屬性都是 false，返回 true。checkValidity()也要求相同的值。?<br /> ? ? ? ? valueMissing：如果標(biāo)注為 required 的字段中沒(méi)有值，返回 true。 因此，要南昌app開發(fā)公司百恒網(wǎng)絡(luò)工程師提示想得到更具體的信息，就應(yīng)該使用 validity 屬性來(lái)檢測(cè)表單的有效性。下面是一個(gè)例子。?<br /> <br /> if (input.validity && !input.validity.valid){<br /> ? ? ? ? if (input.validity.valueMissing){?<br /> ? ? ? ? ? ? ? alert("Please specify a value.")<br /> ? ? ? ? } else if (input.validity.typeMismatch){<br /> ? ? ? ? ? ? ? ?alert("Please enter an email address.");?<br /> ? ? ? ?} else {?<br /> ? ? ? ? ? ? ? alert("Value is invalid.");<br /> ? ? ? ? }<br /> ? ? ? ? }?<br /> <br /> <strong>6. 禁用驗(yàn)證</strong>?<br /> ? ? ? ?通過(guò)設(shè)置 novalidate 屬性，可以告訴表單不進(jìn)行驗(yàn)證。?<br /> ? ? ? ?<form method="post" action="signup.php" novalidate>?<br /> ? ? ? ? ? ? ? <!--這里插入表單元素-->?<br /> ? ? ? ?</form>?<br /> ? ? ? ?在 JavaScript中使用 noValidate 屬性可以取得或設(shè)置這個(gè)值，如果這個(gè)屬性存在，值為 true， 如果不存在，值為 false。?<br /> document.forms[0].noValidate = true; //禁用驗(yàn)證?<br /> ? ? ? ?如果一個(gè)表單中有多個(gè)提交按鈕，為了指定點(diǎn)擊某個(gè)提交按鈕不必驗(yàn)證表單，可以在相應(yīng)的按鈕上 添加 formnovalidate 屬性。?<br /> <form method="post" action="foo.php">?<br /> ? ? ? ?<!--這里插入表單元素--><br /> ? ? ? ? <input type="submit" value="Regular Submit">?<br /> ? ? ? ? <input type="submit" formnovalidate name="btnNoValidate"<br /> ? ? ? ? ? ? ? ?value="Non-validating Submit"><br /> ? ? ? ? </form><br /> ? ? ? ?在這個(gè)例子中，點(diǎn)擊第一個(gè)提交按鈕會(huì)像往常一樣驗(yàn)證表單，而點(diǎn)擊第二個(gè)按鈕則會(huì)不經(jīng)過(guò)驗(yàn)證而 提交表單。使用 JavaScript也可以設(shè)置這個(gè)屬性。?<br /> //禁用驗(yàn)證 document.forms[0].elements["btnNoValidate"].formNoValidate = true;?<br /> ? ?本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.希望此文對(duì)廣大技人員有所幫助。原創(chuàng)文章出自:南昌APP開發(fā)公司-百恒網(wǎng)絡(luò) <a href="http://syshcw.cn/" target="_blank">http://syshcw.cn/</a> 如轉(zhuǎn)載請(qǐng)注明出處! </p> </div> </div> <div id="5zf5tbzf7jd" class="article-pager"> <ul> <li id="5zf5tbzf7jd" class="article-top"><a href="http://syshcw.cn/index.php/article/1885.html"><span id="5zf5tbzf7jd" class="icon icon-menu-left"></span> 上一篇</a></li> <li id="5zf5tbzf7jd" class="article-back"><a href="http://syshcw.cn/index.php/knowledge/index.html"><span id="5zf5tbzf7jd" class="icon icon-list"></span> 返回列表</a></li> <li id="5zf5tbzf7jd" class="article-next"><a href="http://syshcw.cn/index.php/article/1877.html">下一篇 <span id="5zf5tbzf7jd" class="icon icon-menu-right"></span></a></li> </ul> </div> <!--顯示大圖的DIV--> <div id="5zf5tbzf7jd" class="i-showpicture"> <div id="5zf5tbzf7jd" class="i-showpic-arrowleft"></div> <div id="5zf5tbzf7jd" class="i-showpic-picbox"> <div id="5zf5tbzf7jd" class="i-showpic-div"></div> </div> <div id="5zf5tbzf7jd" class="i-showpic-arrowright"></div> <div id="5zf5tbzf7jd" class="i-showpic-close animated"></div> <input type="hidden" value="0" id="pic-index"> </div> <!--結(jié)束--> <div id="5zf5tbzf7jd" class="bh-footer"> <div id="5zf5tbzf7jd" class="footer-main"> <div id="5zf5tbzf7jd" class="bh-smenu"> <a href="http://syshcw.cn/index.php/index.html">首頁(yè)</a> <a href="http://syshcw.cn/index.php/website/index.html">網(wǎng)站建設(shè)</a> <a href="http://syshcw.cn/index.php/apps/index.html">APP開發(fā)</a> <a href="http://syshcw.cn/index.php/promotion/index.html">全網(wǎng)營(yíng)銷</a> <a href="http://syshcw.cn/index.php/software/index.html">軟件開發(fā)</a> <a href="http://syshcw.cn/index.php/case/index.html">經(jīng)典案例</a> <a href="http://syshcw.cn/index.php/knowledge/index.html">網(wǎng)站知識(shí)</a> <a href="http://syshcw.cn/index.php/about/index.html">關(guān)于我們</a> <a href="http://syshcw.cn/index.php/contact/index.html">聯(lián)系我們</a> <a target="_blank" rel="nofollow">域名注冊(cè)</a> <a target="_blank" rel="nofollow">云服務(wù)器</a> <a target="_blank" rel="nofollow">虛擬主機(jī)</a> </div> <div id="5zf5tbzf7jd" class="bh-copyright"> Copyright @ 2006-2025 http://syshcw.cn Inc. All Rights resreved. <a target="_blank" rel="nofollow"><img src="/public/home/images/icon/copyicon.png" style="position:relative; top:0px;" alt="贛公網(wǎng)安備案" title="贛公網(wǎng)安備案"> 贛公網(wǎng)安備36010902000406號(hào)</a> <a target="_blank" rel="nofollow">[贛ICP備17008688號(hào)-5]</a> <a href="/sitemap.xml" target="_blank" class="sitemap">網(wǎng)站地圖</a> <span id="5zf5tbzf7jd" class="hide"></span>   <a href="http://#baidu.com/web/welcome/ico?s=290578c838837356a5dcbcbb971d7399" rel="nofollow" target="_blank"> <span id="5zf5tbzf7jd" class="icon icon-stats"></span> 百度統(tǒng)計(jì)</a>   <a rel="nofollow" target="_blank"><img src="/public/home/images/icon/css.png" style="position: relative; top: 0px;" height="21" alt="南昌百恒網(wǎng)絡(luò)公司通過(guò)W3C檢驗(yàn)標(biāo)準(zhǔn)!" title="南昌百恒網(wǎng)絡(luò)公司通過(guò)W3C標(biāo)準(zhǔn)驗(yàn)證!" /></a> </div> <div id="5zf5tbzf7jd" class="bh-copyright">我們專注于<a href="http://syshcw.cn/website/index.html" target="_blank">南昌網(wǎng)站建設(shè)</a>，<a href="http://syshcw.cn/apps/index.html">南昌APP開發(fā)</a>，<a href="http://syshcw.cn/xcx/index.html" target="_blank">南昌小程序開發(fā)</a>，等一站式互聯(lián)網(wǎng)開發(fā)服務(wù)；<a href="http://syshcw.cn">南昌做網(wǎng)站</a>，<a href="http://syshcw.cn" target="_blank">南昌網(wǎng)絡(luò)公司</a>就找<a href="http://syshcw.cn/about/index.html" target="_blank">百恒網(wǎng)絡(luò)</a> </div> <div id="5zf5tbzf7jd" class="bh-shareicon"> <a href="" target="_blank"><div id="5zf5tbzf7jd" class="bh-sina" title="新浪微博"></div></a> <div id="5zf5tbzf7jd" class="bh-phone"> <div id="5zf5tbzf7jd" class="bh-a-b"></div> <div id="5zf5tbzf7jd" class="bh-phonehide">400-680-9298,0791-88117053</div> </div> <div id="5zf5tbzf7jd" class="bh-weixin" title="掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)"> <div id="5zf5tbzf7jd" class="bh-hideweixin"><img src="http://syshcw.cn/uploads/images/20211210/61b2c8180ee48.png" width="130" alt="掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)"></div> </div> <div id="5zf5tbzf7jd" class="bh-xiaochengxu" title="掃一掃打開百恒網(wǎng)絡(luò)小程序"> <div id="5zf5tbzf7jd" class="bh-hidexiaochengxu"><img src="/public/home/images/weixin/bh-code.jpg" width="130" alt="掃一掃打開百恒網(wǎng)絡(luò)小程序"></div> </div> </div> </div> </div> <div id="5zf5tbzf7jd" class="bh-fixright"> <a href="javascript:void(0);"><div id="5zf5tbzf7jd" class="bh-fixqq" title="點(diǎn)擊QQ交談"></div></a> <div id="5zf5tbzf7jd" class="bh-fixtel"> <div id="5zf5tbzf7jd" class="bh-fixhide"></div> <div id="5zf5tbzf7jd" class="bh-fixhidetel">400-680-9298,0791-88117053</div> </div> <a target="_blank"><div id="5zf5tbzf7jd" class="bh-baiduqiao" title="點(diǎn)擊在線咨詢"></div></a> <div id="5zf5tbzf7jd" class="bh-fixweixin"> <div id="5zf5tbzf7jd" class="bh-fixweixinhide"> <img src="http://syshcw.cn/uploads/images/20211210/61b2c8180ee48.png" width="135" alt="掃一掃關(guān)注百恒網(wǎng)絡(luò)微信公眾號(hào)"> </div> </div> <div id="5zf5tbzf7jd" class="bh-fixxiaochengxu"> <div id="5zf5tbzf7jd" class="bh-fixxiaochengxunhide"> <img src="/public/home/images/weixin/bh-code.jpg" width="135" alt="掃一掃打開百恒網(wǎng)絡(luò)小程序"> </div> </div> <div id="5zf5tbzf7jd" class="bh-fixtop"></div> </div> <div id="5zf5tbzf7jd" class="bh-qiao"> <h2><span><font class="icon icon-comment"></font> 歡迎您的光顧，我們將竭誠(chéng)為您服務(wù)</span><b>×</b></h2> <div id="5zf5tbzf7jd" class="qiao-main"> <iframe name="qiao" id="qiaoview" scrolling="no" frameborder="0" width="100%" height="100%" src="/index.php/home/cases/bhloading.html"></iframe> </div> </div> <div id="5zf5tbzf7jd" class="bh-qqonline"> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=331355634&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=810194011&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=2262512779&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=1935167009&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-success" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=1785863228&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售前咨詢"> 售前咨詢</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-info" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=88246706&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售后服務(wù)"> 售后服務(wù)</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-info" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=331355634&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="售后服務(wù)"> 售后服務(wù)</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qq qq-warning" title="點(diǎn)擊聯(lián)系我吧~"><a href="tencent://message/?uin=2878230710&site=qq&menu=yes"><img src="/public/home/images/icon/qq-white-icon.png" height="16" alt="備案專線"> 備案專線</a></div> <div id="5zf5tbzf7jd" class="bh-qqline"> </div> <div id="5zf5tbzf7jd" class="bh-qqclose" title="點(diǎn)我關(guān)閉哦">×</div> </div> <div id="5zf5tbzf7jd" class="bh-loading" title="數(shù)據(jù)加載中，請(qǐng)稍候..."> <div id="5zf5tbzf7jd" class="bh-loading-l"></div> <div id="5zf5tbzf7jd" class="bh-loading-r"></div> <div id="5zf5tbzf7jd" class="bh-loadin"></div> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://syshcw.cn/" title="上万部爽片,立即观看,在线观看">上万部爽片,立即观看,在线观看</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="77hzb" class="pl_css_ganrao" style="display: none;"><optgroup id="77hzb"><output id="77hzb"><sub id="77hzb"><big id="77hzb"></big></sub></output></optgroup><output id="77hzb"></output><video id="77hzb"><em id="77hzb"></em></video><thead id="77hzb"></thead><strike id="77hzb"></strike><tt id="77hzb"></tt><output id="77hzb"></output><em id="77hzb"><meter id="77hzb"><pre id="77hzb"><i id="77hzb"></i></pre></meter></em><thead id="77hzb"><label id="77hzb"><strong id="77hzb"><track id="77hzb"></track></strong></label></thead><optgroup id="77hzb"></optgroup><ins id="77hzb"><address id="77hzb"></address></ins><form id="77hzb"><video id="77hzb"><font id="77hzb"><meter id="77hzb"></meter></font></video></form><address id="77hzb"></address><ins id="77hzb"></ins><i id="77hzb"><strong id="77hzb"><dfn id="77hzb"><ruby id="77hzb"></ruby></dfn></strong></i><font id="77hzb"><legend id="77hzb"></legend></font><strong id="77hzb"><optgroup id="77hzb"><ruby id="77hzb"><sub id="77hzb"></sub></ruby></optgroup></strong><listing id="77hzb"><small id="77hzb"></small></listing><strike id="77hzb"></strike><dfn id="77hzb"><track id="77hzb"></track></dfn><acronym id="77hzb"></acronym><legend id="77hzb"></legend><menuitem id="77hzb"></menuitem><acronym id="77hzb"><p id="77hzb"></p></acronym><small id="77hzb"><output id="77hzb"><b id="77hzb"><ins id="77hzb"></ins></b></output></small><pre id="77hzb"><dfn id="77hzb"><form id="77hzb"><nobr id="77hzb"></nobr></form></dfn></pre><strong id="77hzb"><dfn id="77hzb"></dfn></strong><legend id="77hzb"><var id="77hzb"><label id="77hzb"><listing id="77hzb"></listing></label></var></legend><pre id="77hzb"><span id="77hzb"><strike id="77hzb"><label id="77hzb"></label></strike></span></pre><ol id="77hzb"><progress id="77hzb"><form id="77hzb"><legend id="77hzb"></legend></form></progress></ol><thead id="77hzb"><big id="77hzb"><form id="77hzb"><legend id="77hzb"></legend></form></big></thead><video id="77hzb"><dfn id="77hzb"></dfn></video><menuitem id="77hzb"></menuitem><progress id="77hzb"></progress><b id="77hzb"></b><strong id="77hzb"></strong><pre id="77hzb"></pre><mark id="77hzb"><address id="77hzb"><div id="77hzb"><span id="77hzb"></span></div></address></mark><th id="77hzb"><style id="77hzb"></style></th><meter id="77hzb"><tt id="77hzb"><mark id="77hzb"><font id="77hzb"></font></mark></tt></meter><dfn id="77hzb"><ruby id="77hzb"></ruby></dfn><style id="77hzb"><strong id="77hzb"></strong></style><rp id="77hzb"><font id="77hzb"><menuitem id="77hzb"><pre id="77hzb"></pre></menuitem></font></rp><b id="77hzb"><rp id="77hzb"></rp></b><nobr id="77hzb"><dfn id="77hzb"></dfn></nobr><style id="77hzb"><strong id="77hzb"></strong></style><dfn id="77hzb"><b id="77hzb"></b></dfn><tt id="77hzb"><progress id="77hzb"><acronym id="77hzb"><legend id="77hzb"></legend></acronym></progress></tt><address id="77hzb"></address><thead id="77hzb"><big id="77hzb"><dl id="77hzb"><pre id="77hzb"></pre></dl></big></thead><strong id="77hzb"><track id="77hzb"></track></strong><ol id="77hzb"><style id="77hzb"></style></ol><b id="77hzb"><progress id="77hzb"><form id="77hzb"><legend id="77hzb"></legend></form></progress></b><dfn id="77hzb"><u id="77hzb"></u></dfn><listing id="77hzb"><dfn id="77hzb"></dfn></listing><rp id="77hzb"></rp><progress id="77hzb"><dl id="77hzb"></dl></progress><style id="77hzb"><nobr id="77hzb"></nobr></style><sub id="77hzb"><strike id="77hzb"></strike></sub><ol id="77hzb"><label id="77hzb"></label></ol><label id="77hzb"></label><sup id="77hzb"></sup><nobr id="77hzb"><em id="77hzb"></em></nobr><thead id="77hzb"><thead id="77hzb"></thead></thead><pre id="77hzb"></pre><output id="77hzb"><thead id="77hzb"><thead id="77hzb"><dl id="77hzb"></dl></thead></thead></output><track id="77hzb"><tt id="77hzb"></tt></track><output id="77hzb"><thead id="77hzb"><big id="77hzb"><label id="77hzb"></label></big></thead></output><sup id="77hzb"><label id="77hzb"></label></sup><pre id="77hzb"></pre><div id="77hzb"><ol id="77hzb"><style id="77hzb"><nobr id="77hzb"></nobr></style></ol></div><u id="77hzb"><ins id="77hzb"><address id="77hzb"><p id="77hzb"></p></address></ins></u><video id="77hzb"><font id="77hzb"></font></video><progress id="77hzb"></progress><form id="77hzb"><p id="77hzb"><dfn id="77hzb"><u id="77hzb"></u></dfn></p></form><thead id="77hzb"><label id="77hzb"></label></thead><pre id="77hzb"><i id="77hzb"></i></pre><dfn id="77hzb"></dfn><ins id="77hzb"><form id="77hzb"></form></ins><sup id="77hzb"><label id="77hzb"></label></sup><pre id="77hzb"><th id="77hzb"><b id="77hzb"><mark id="77hzb"></mark></b></th></pre><nobr id="77hzb"><small id="77hzb"></small></nobr><ins id="77hzb"><address id="77hzb"><p id="77hzb"><var id="77hzb"></var></p></address></ins><big id="77hzb"><strong id="77hzb"></strong></big><label id="77hzb"><rp id="77hzb"></rp></label><sup id="77hzb"><label id="77hzb"><video id="77hzb"><em id="77hzb"></em></video></label></sup><thead id="77hzb"><big id="77hzb"></big></thead><meter id="77hzb"></meter><label id="77hzb"><video id="77hzb"></video></label><output id="77hzb"><sub id="77hzb"><thead id="77hzb"><strong id="77hzb"></strong></thead></sub></output><track id="77hzb"></track><ruby id="77hzb"><thead id="77hzb"></thead></ruby><label id="77hzb"><video id="77hzb"><em id="77hzb"><meter id="77hzb"></meter></em></video></label><small id="77hzb"><meter id="77hzb"></meter></small><strike id="77hzb"><strong id="77hzb"></strong></strike><address id="77hzb"></address><dl id="77hzb"><legend id="77hzb"></legend></dl><listing id="77hzb"></listing><form id="77hzb"><rp id="77hzb"><em id="77hzb"><div id="77hzb"></div></em></rp></form><sup id="77hzb"><label id="77hzb"></label></sup></div> </html>