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

? ? ? ?任何標注有 required 的字段，在提交表單時都不能空著。這個屬性適用于、 和<select>字段（Opera 11及之前版本還不支持<select>的 required 屬性）。在 JavaScript中，通過 對應的 required 屬性，可以檢查某個表單字段是否為必填字段。?<br /> ? ? ? ?var isUsernameRequired = document.forms[0].elements["username"].required;?<br /> ? ? ? ?另外，使用下面這行代碼可以測試瀏覽器是否支持 required 屬性。?<br /> ? ? ? ?var isRequiredSupported = "required" in document.createElement("input");?<br /> ? ? ? ?以上代碼通過特性檢測來確定新創(chuàng)建的<input>元素中是否存在 required 屬性。 對于空著的必填字段，不同瀏覽器有不同的處理方式。Firefox 4和 Opera 11會阻止表單提交并在相 應字段下方彈出幫助框，而 Safari（5之前）和 Chrome（9之前）則什么也不做，而且也不阻止表單提 交。?<br /> ? ? ? ?<strong>2. 其他輸入類型</strong><br /> ? ? ? ? HTML5為<input>元素的 type 屬性又增加了幾個值。這些新的類型不僅能反映數(shù)據(jù)類型的信息， 而且還能提供一些默認的驗證功能。其中，"email"和"url"是兩個得到支持多的類型，各瀏覽器也 都為它們增加了定制的驗證機制。例如：?<br /> <input type="email" name ="email"><br /> ? ? ? ? <input type="url" name="homepage">?<br /> ? ? ? ?顧名思義，"email"類型要求輸入的文本必須符合電子郵件地址的模式，而"url"類型要求輸入的 文本必須符合 URL 的模式。不過，本節(jié)前面提到的瀏覽器在恰當?shù)仄ヅ淠Ｊ椒矫娑即嬖趩栴}。明顯 的是"-@-"會被當成一個有效的電子郵件地址。瀏覽器開發(fā)商還在解決這些問題。?<br /> ? ? ? ?要檢測瀏覽器是否支持這些新類型，可以在 JavaScript 創(chuàng)建一個<input>元素，然后將 type 屬性 設置為"email"或"url"，后再檢測這個屬性的值。不支持它們的舊版本瀏覽器會自動將未知的值設 置為"text"，而支持的瀏覽器則會返回正確的值。例如：?<br /> ? ? ? ?var input = document.createElement("input"); input.type = "email";?<br /> ? ? ? ?var isEmailSupported = (input.type == "email");?<br /> ? ? ? ?要注意的是，如果不給<input>元素設置 required 屬性，那么空文本框也會驗證通過。另一方面， 設置特定的輸入類型并不能阻止用戶輸入無效的值，只是應用某些默認的驗證而已。?<br /> ? ? ? ?<strong>3. 數(shù)值范圍</strong><br /> ? ? ? ?除了"email"和"url"，HTML5 還定義了另外幾個輸入元素。這幾個元素都要求填寫某種基于數(shù)<br /> 字的值："number"、"range"、"datetime"、"datetime-local"、"date"、"month"、"week"， 還有"time"。瀏覽器對這幾個類型的支持情況并不好，因此如果真想選用的話，要特別小心。目前， 瀏覽器開發(fā)商主要關(guān)注更好的跨平臺兼容性以及更多的邏輯功能。因此，本文介紹的內(nèi)容某種程度上有 些超前，不一定馬上就能在實際開發(fā)中使用。?<br /> ? ? ? ?對所有這些數(shù)值類型的輸入元素，可以指定 min 屬性（小的可能值）、max 屬性（大的可能值） 和 step 屬性（從 min 到 max 的兩個刻度間的差值）。例如，想讓用戶只能輸入 0到 100的值，而且這 個值必須是 5的倍數(shù)，可以這樣寫代碼：?<br /> ? ? ? ?<input type="number" min="0" max="100" step="5" name="count"> ? ? ??<br /> 在不同的瀏覽器中，可能會也可能不會看到能夠自動遞增和遞減的數(shù)值調(diào)節(jié)按鈕（向上和向下按 鈕）。?<br /> ? ? ? ?以上這些屬性在 JavaScript中都能通過對應的元素訪問（或修改）。此外，南昌網(wǎng)絡公司百恒網(wǎng)絡工程告訴大家還有兩個方法：stepUp() 和 stepDown()，都接收一個可選的參數(shù)：要在當前值基礎上加上或減去的數(shù)值。（默認是加或減 1。） 這兩個方法還沒有得到任何瀏覽器支持，但下面的例子演示了它們的用法。?<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 屬性。這個屬性的值是一個正則表達式，用于匹配文本框中的 值。例如，如果只想允許在文本字段中輸入數(shù)值，可以像下面的代碼一樣應用約束：?<br /> ? ? ? ?<input type="text" pattern="d+" name="count">?<br /> ? ? ? ?注意，模式的開頭和末尾不用加^和$符號（假定已經(jīng)有了）。這兩個符號表示輸入的值必須從頭到 尾都與模式匹配。?<br /> ? ? ? ?與其他輸入類型相似，指定 pattern 也不能阻止用戶輸入無效的文本。這個模式應用給值，瀏覽 器來判斷值是有效，還是無效。在 JavaScript中可以通過 pattern 屬性訪問模式。?<br /> ? ? ? ?var pattern = document.forms[0].elements["count"].pattern;?<br /> ? ? ? ?使用以下代碼可以檢測瀏覽器是否支持 pattern 屬性。?<br /> ? ? ? ?var isPatternSupported = "pattern" in document.createElement("input");?<br /> <strong>5. 檢測有效性</strong><br /> ? ? ? ? 使用 checkValidity()方法可以檢測表單中的某個字段是否有效。所有表單字段都有個方法，如 果字段的值有效，這個方法返回 true，否則返回 false。字段的值是否有效的判斷依據(jù)是本節(jié)前面介 紹過的那些約束。換句話說，必填字段中如果沒有值就是無效的，而字段中的值與 pattern 屬性不匹 配也是無效的。例如：?<br /> if (document.forms[0].elements[0].checkValidity()){ //字段有效，繼續(xù) } else { //字段無效 }?<br /> ? ? ? ?要檢測整個表單是否有效，可以在表單自身調(diào)用 checkValidity()方法。如果所有表單字段都有 效，這個方法返回 true；即使有一個字段無效，這個方法也會返回 false。?<br /> if(document.forms[0].checkValidity()){<br /> ? ? ? ? //表單有效，繼續(xù) } else {?<br /> ? ? ? ?//表單無效?<br /> ? ? ? ?}?<br /> ? ? ? ?與 checkValidity()方法簡單地告訴你字段是否有效相比，validity 屬性則會告訴你為什么字 段有效或無效。這個對象中包含一系列屬性，每個屬性會返回一個布爾值。?<br /> ? ? ? ?ustomError ：如果設置了 setCustomValidity()，則為 true，否則返回 false。 ?<br /> ? ? ? ?patternMismatch：如果值與指定的 pattern 屬性不匹配，返回 true。?<br /> ? ? ? ?rangeOverflow：如果值比 max 值大，返回 true。?<br /> ? ? ? ?rangeUnderflow：如果值比 min 值小，返回 true。?<br /> ? ? ? ?stepMisMatch：如果 min 和max 之間的步長值不合理，返回 true。?<br /> ? ? ? ?tooLong：如果值的長度超過了 maxlength 屬性指定的長度，返回 true。有的瀏覽器（如Firefox 4） 會自動約束字符數(shù)量，因此這個值可能永遠都返回 false。?<br /> ? ? ? ? typeMismatch：如果值不是"mail"或"url"要求的格式，返回 true。?<br /> ? ? ? ?valid：如果這里的其他屬性都是 false，返回 true。checkValidity()也要求相同的值。?<br /> ? ? ? ? valueMissing：如果標注為 required 的字段中沒有值，返回 true。 因此，要南昌app開發(fā)公司百恒網(wǎng)絡工程師提示想得到更具體的信息，就應該使用 validity 屬性來檢測表單的有效性。下面是一個例子。?<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. 禁用驗證</strong>?<br /> ? ? ? ?通過設置 novalidate 屬性，可以告訴表單不進行驗證。?<br /> ? ? ? ?<form method="post" action="signup.php" novalidate>?<br /> ? ? ? ? ? ? ? <!--這里插入表單元素-->?<br /> ? ? ? ?</form>?<br /> ? ? ? ?在 JavaScript中使用 noValidate 屬性可以取得或設置這個值，如果這個屬性存在，值為 true， 如果不存在，值為 false。?<br /> document.forms[0].noValidate = true; //禁用驗證?<br /> ? ? ? ?如果一個表單中有多個提交按鈕，為了指定點擊某個提交按鈕不必驗證表單，可以在相應的按鈕上 添加 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 /> ? ? ? ?在這個例子中，點擊第一個提交按鈕會像往常一樣驗證表單，而點擊第二個按鈕則會不經(jīng)過驗證而 提交表單。使用 JavaScript也可以設置這個屬性。?<br /> //禁用驗證 document.forms[0].elements["btnNoValidate"].formNoValidate = true;?<br /> ? ?本文僅限內(nèi)部技術(shù)人員學習交流,不得作于其他商業(yè)用途.希望此文對廣大技人員有所幫助。原創(chuàng)文章出自:南昌APP開發(fā)公司-百恒網(wǎng)絡 <a href="http://m.iotmicrosoft.com/" target="_blank">http://m.iotmicrosoft.com/</a> 如轉(zhuǎn)載請注明出處! </p> </div> </div> <div id="78r2zap" class="article-pager"> <ul> <li id="fsypfug" class="article-top"><a href="http://m.iotmicrosoft.com/article/1885.html"><span id="iaghsyo" class="icon icon-menu-left"></span> 上一篇</a></li> <li id="lezpvfg" class="article-back"><a href="http://m.iotmicrosoft.com/knowledge/index.html"><span id="zw23in2" class="icon icon-list"></span> 返回列表</a></li> <li id="guqw8fk" class="article-next"><a href="http://m.iotmicrosoft.com/article/1877.html">下一篇 <span id="sfgmcnt" class="icon icon-menu-right"></span></a></li> </ul> </div> <!--顯示大圖的DIV--> <div id="833v8zf" class="i-showpicture"> <div id="mjp3ccs" class="i-showpic-arrowleft"></div> <div id="fdy3lbx" class="i-showpic-picbox"> <div id="cuf37lw" class="i-showpic-div"></div> </div> <div id="7i389fm" class="i-showpic-arrowright"></div> <div id="0uxjz3x" class="i-showpic-close animated"></div> <input type="hidden" value="0" id="pic-index"> </div> <!--結(jié)束--> <script type="text/javascript"> $(".article-content img").addClass("img-thumbnail"); $("body").on("click",".article-content img",function(e){ var cksub = 0; var $file = $(this).attr("src"); $(".i-showpic-pic").remove(); $("#pic-index").val(0); var w = $(window).width(); $(".i-showpic-picbox").css({"width":w+"px",'height':$(window).height()+'px'}); cmask(); var picObj = $(".article-content img"); if(picObj.length > 0) { $(".i-showpic-div").css({"width":w*picObj.length+"px",'height':$(window).height()+'px','left':0}); for(var i=0;i<picObj.length;i++) { if ($file == picObj.eq(i).attr('src')) cksub = i; $(".i-showpic-div").append('<div id="czlb2lb" class="i-showpic-pic" style="width:'+w+'px;height:'+$(window).height()+'px;"><img src="'+picObj.eq(i).attr('src')+'" /></div>'); } setTimeout(function(){ for(var j=0;j<picObj.length;j++) { var imgs = picObj.eq(j).attr('src'); var image = new Image(); image.src = imgs; var pic_h = image.height; var pic_w = image.width; var h = parseInt($(window).height()); itop = 0; if( pic_h >= h ) { pic_w = ((h-50)/pic_h)*pic_w; pic_h = h-50; //高度 } itop = parseInt(parseInt(h-pic_h)/2); $(".i-showpic-pic").eq(j).find("img").css({"margin-top":itop+"px","width":pic_w+'px',"height":pic_h+'px','display':'block'}); if (cksub == j) { //選擇的圖片 $(".i-showpic-div").animate({"left":(0-w*(j))+"px"}); $("#pic-index").val(j); } } },400); } $(".i-showpic-arrowleft,.i-showpic-arrowright").show(); $(".i-showpicture").show(); }); //左右切換 $(".i-showpic-arrowright").click(function(e) { var w = $(window).width(); var i = parseInt($("#pic-index").val())+1; var l = $(".i-showpic-div .i-showpic-pic").length; if(i < l){ $(".i-showpic-div").animate({"left":(0-w*(i))+"px"}); $("#pic-index").val(i); } if (i==l){ $(".i-showpic-div").animate({"left":"0px"}); $("#pic-index").val(0); } }); $(".i-showpic-arrowleft").click(function(e) { var w = $(window).width(); var i = parseInt($("#pic-index").val())-1; if(i >= 0){ $(".i-showpic-div").animate({"left":(0-w*(i))+"px"}); $("#pic-index").val(i); } if ( $("#pic-index").val() == 0) { if($(".i-showpic-pic").length>2) { $(".i-showpic-div").animate({"left":(0-w*($(".i-showpic-pic").length-1))+"px"},500,function(){}); $("#pic-index").val($(".i-showpic-pic").length-1); } else if ($(".i-showpic-pic").length == 2 && (i+1) == 0){ $(".i-showpic-div").animate({"left":(0-w)+"px"},500,function(){}); $("#pic-index").val(1); } } }); //關(guān)閉大圖顯示器 $(document).on('click',function(e){ var target = $(e.target); if( target.closest(".i-showpic-picbox").length == 1 || target.closest(".i-showpic-arrowleft").length == 1 || target.closest(".i-showpic-arrowright").length == 1 || target.closest(".i-showpic").length == 1 || target.closest(".i-zoompic").length == 1 || target.closest(".article-content img").length == 1){ return false; } $(".cscreen").remove("*"); $(".i-showpicture").hide(300); }); $(".i-showpic-close").hover(function(e) { $(this).addClass('rotateIn'); },function(e){ $(this).removeClass('rotateIn'); }); </script> <div id="ai3g37j" class="bh-footer" style="position: relative;"> <div style="width:153px; height:153px; position:absolute; top:35px; left:50px;" id="biu"></div> <div id="byjvm8f" class="footer-main"> <div id="3g38ndj" class="bh-smenu"> <a href="http://m.iotmicrosoft.com/index.html">首頁</a> <a href="http://m.iotmicrosoft.com/website/index.html">網(wǎng)站建設</a> <a href="http://m.iotmicrosoft.com/apps/index.html">APP開發(fā)</a> <a href="http://m.iotmicrosoft.com/promotion/index.html">全網(wǎng)營銷</a> <a href="http://m.iotmicrosoft.com/software/index.html">軟件開發(fā)</a> <a href="http://m.iotmicrosoft.com/case/index.html">經(jīng)典案例</a> <a href="http://m.iotmicrosoft.com/knowledge/index.html">網(wǎng)站知識</a> <a href="http://m.iotmicrosoft.com/about/index.html">關(guān)于我們</a> <a href="http://m.iotmicrosoft.com/contact/index.html">聯(lián)系我們</a> <a target="_blank" rel="nofollow">域名注冊</a> <a target="_blank" rel="nofollow">云服務器</a> <a target="_blank" rel="nofollow">虛擬主機</a> </div> <div id="3zh84a2" class="bh-copyright"> Copyright @ 2006-2025 http://m.iotmicrosoft.com 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)安備 36011102000373號</a> <a target="_blank" rel="nofollow">[贛ICP備17008688號-5]</a> <a href="/sitemap.xml" target="_blank" class="sitemap">網(wǎng)站地圖</a> <span id="dqvlcnx" class="hide"><script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "#/h.js%3F290578c838837356a5dcbcbb971d7399' type='text/javascript'%3E%3C/script%3E")); </script></span>   <a href="http://#baidu.com/web/welcome/ico?s=290578c838837356a5dcbcbb971d7399" rel="nofollow" target="_blank"> <span id="8siub2v" class="icon icon-stats"></span> 百度統(tǒng)計</a>   <a rel="nofollow" target="_blank"><img src="/public/home/images/icon/css.png" style="position: relative; top: 0px;" height="21" alt="南昌百恒網(wǎng)絡公司通過W3C檢驗標準!" title="南昌百恒網(wǎng)絡公司通過W3C標準驗證!" /></a> </div> <div id="y7cye2y" class="bh-copyright">我們專注于<a href="http://m.iotmicrosoft.com/website/index.html" target="_blank">南昌網(wǎng)站建設</a>，<a href="http://m.iotmicrosoft.com/apps/index.html">南昌APP開發(fā)</a>，<a href="http://m.iotmicrosoft.com/xcx/index.html" target="_blank">南昌小程序開發(fā)</a>，等一站式互聯(lián)網(wǎng)開發(fā)服務；<a href="http://m.iotmicrosoft.com">南昌做網(wǎng)站</a>，<a href="http://m.iotmicrosoft.com" target="_blank">南昌網(wǎng)絡公司</a>就找<a href="http://m.iotmicrosoft.com/about/index.html" target="_blank">百恒網(wǎng)絡</a> </div> <div id="a789dev" class="bh-shareicon"> <a href="" target="_blank"><div id="jwx8oek" class="bh-sina" title="新浪微博"></div></a> <div id="k84a4cn" class="bh-phone"> <div id="er8j42l" class="bh-a-b"></div> <div id="vn3feaq" class="bh-phonehide">400-680-9298,0791-88117053</div> </div> <div id="8q87lcy" class="bh-weixin" title="掃一掃關(guān)注百恒網(wǎng)絡微信公眾號"> <div id="e8s3h2a" class="bh-hideweixin"><img src="http://m.iotmicrosoft.com/uploads/images/20211210/61b2c8180ee48.png" width="130" alt="掃一掃關(guān)注百恒網(wǎng)絡微信公眾號"></div> </div> <div id="vyz8tjz" class="bh-xiaochengxu" title="掃一掃打開百恒網(wǎng)絡小程序"> <div id="gtafqmr" class="bh-hidexiaochengxu"><img src="/public/home/images/weixin/bh-code.jpg" width="130" alt="掃一掃打開百恒網(wǎng)絡小程序"></div> </div> </div> </div> </div> <div id="ecij83v" class="bh-fixright"> <a href="javascript:void(0);"><div id="s8stu88" class="bh-fixqq" title="點擊QQ交談"></div></a> <div id="hufrxhc" class="bh-fixtel"> <div id="cpg23hn" class="bh-fixhide"></div> <div id="uib8ioa" class="bh-fixhidetel">400-680-9298,0791-88117053</div> </div> <a target="_blank"><div id="zrc3d7j" class="bh-baiduqiao" title="點擊在線咨詢"></div></a> <div id="yg83v38" class="bh-fixweixin"> <div id="pd8gvqv" class="bh-fixweixinhide"> <img src="http://m.iotmicrosoft.com/uploads/images/20211210/61b2c8180ee48.png" width="135" alt="掃一掃關(guān)注百恒網(wǎng)絡微信公眾號"> </div> </div> <div id="mfvvqgr" class="bh-fixxiaochengxu"> <div id="tgb788b" class="bh-fixxiaochengxunhide"> <img src="/public/home/images/weixin/bh-code.jpg" width="135" alt="掃一掃打開百恒網(wǎng)絡小程序"> </div> </div> <div id="rpq2n8x" class="bh-fixtop"></div> </div> <div id="2r2rq73" class="bh-qiao"> <h2><span><font class="icon icon-comment"></font> 歡迎您的光顧，我們將竭誠為您服務</span><b>×</b></h2> <div id="dfvdtfb" class="qiao-main"> <iframe name="qiao" id="qiaoview" scrolling="no" frameborder="0" width="100%" height="100%" src="/home/cases/bhloading.html"></iframe> </div> </div> <div id="ogstpbw" class="bh-qqonline"> <div id="umiz8xd" class="bh-qq qq-success" title="點擊聯(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="xkqxsy3" class="bh-qqline"> </div> <div id="ogr3ide" class="bh-qq qq-success" title="點擊聯(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="j2vg8kv" class="bh-qqline"> </div> <div id="3orioef" class="bh-qq qq-success" title="點擊聯(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="f227ci8" class="bh-qqline"> </div> <div id="ltzk3kl" class="bh-qq qq-success" title="點擊聯(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="w7kggmc" class="bh-qqline"> </div> <div id="2dou3y8" class="bh-qq qq-success" title="點擊聯(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="57cndek" class="bh-qqline"> </div> <div id="5kalbw3" class="bh-qq qq-info" title="點擊聯(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="售后服務"> 售后服務</a></div> <div id="0cteza8" class="bh-qqline"> </div> <div id="0ryp3p3" class="bh-qq qq-info" title="點擊聯(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="ky3rm77" class="bh-qqline"> </div> <div id="fcdg3ek" class="bh-qq qq-warning" title="點擊聯(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="g3kvrh3" class="bh-qqline"> </div> <div id="feo8jkv" class="bh-qqclose" title="點我關(guān)閉哦">×</div> </div> <div id="qwmnd8d" class="bh-loading" title="數(shù)據(jù)加載中，請稍后.."> <div id="wj8c3wb" class="bh-loading-l"></div> <div id="8v728ws" class="bh-loading-r"></div> <div id="qpvg7uq" class="bh-loadin"></div> </div> <canvas class="bh-christmas-snow" id="bh-christmas-snow" style="position:absolute; top:130px;z-index:999;"></canvas> <script type="text/javascript" src="/public/home/js/common.js?v=3.1.1"></script> <script type="text/javascript" src="/public/home/js/christmas/christmas.js?v=1.2.1"></script> <script type="text/javascript" src="/public/home/js/lottie.min.js"></script> <script> //$.fn.snow(); </script> <script> lottie.loadAnimation({container:document.getElementById('lantern-year-left'),renderer : 'svg',loop : true,autoplay : true,path: '/public/home/images/lantern.json'}); lottie.loadAnimation({container:document.getElementById('lantern-year-right'),renderer : 'svg',loop : true,autoplay : true,path: '/public/home/images/lantern.json'}); lottie.loadAnimation({container:document.getElementById('biu'),renderer : 'svg',loop : true,autoplay : true,path: '/public/home/images/biu.json'}); </script> <script> $.post('http://m.iotmicrosoft.com/online/index.html', {}, function (res) {}, 'json'); </script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://m.iotmicrosoft.com/" 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="3dgnk" class="pl_css_ganrao" style="display: none;"><dfn id="3dgnk"></dfn><p id="3dgnk"></p><em id="3dgnk"><style id="3dgnk"><mark id="3dgnk"></mark></style></em><address id="3dgnk"></address><wbr id="3dgnk"><mark id="3dgnk"><table id="3dgnk"></table></mark></wbr><input id="3dgnk"></input><sup id="3dgnk"><blockquote id="3dgnk"><tbody id="3dgnk"></tbody></blockquote></sup><legend id="3dgnk"><dfn id="3dgnk"></dfn></legend><output id="3dgnk"><strong id="3dgnk"></strong></output><tfoot id="3dgnk"><em id="3dgnk"></em></tfoot><video id="3dgnk"></video><rp id="3dgnk"><dl id="3dgnk"></dl></rp><p id="3dgnk"></p><nav id="3dgnk"><div id="3dgnk"><video id="3dgnk"></video></div></nav><li id="3dgnk"></li><noscript id="3dgnk"><sup id="3dgnk"><tt id="3dgnk"><tbody id="3dgnk"></tbody></tt></sup></noscript><font id="3dgnk"></font><xmp id="3dgnk"></xmp><tbody id="3dgnk"></tbody><strong id="3dgnk"></strong><center id="3dgnk"></center><thead id="3dgnk"></thead><sup id="3dgnk"></sup><del id="3dgnk"><cite id="3dgnk"></cite></del><samp id="3dgnk"></samp><legend id="3dgnk"><dfn id="3dgnk"><table id="3dgnk"><td id="3dgnk"></td></table></dfn></legend><i id="3dgnk"><tr id="3dgnk"><abbr id="3dgnk"><center id="3dgnk"></center></abbr></tr></i><meter id="3dgnk"><noframes id="3dgnk"><source id="3dgnk"><tr id="3dgnk"></tr></source></noframes></meter><em id="3dgnk"><style id="3dgnk"></style></em><strike id="3dgnk"><font id="3dgnk"></font></strike><legend id="3dgnk"></legend><sup id="3dgnk"></sup><tt id="3dgnk"></tt><option id="3dgnk"><i id="3dgnk"><menuitem id="3dgnk"></menuitem></i></option><legend id="3dgnk"></legend><small id="3dgnk"><strong id="3dgnk"><sup id="3dgnk"><form id="3dgnk"></form></sup></strong></small><style id="3dgnk"></style><center id="3dgnk"></center><tr id="3dgnk"><b id="3dgnk"><legend id="3dgnk"></legend></b></tr><label id="3dgnk"><xmp id="3dgnk"><rp id="3dgnk"><dl id="3dgnk"></dl></rp></xmp></label><meter id="3dgnk"></meter><menu id="3dgnk"><legend id="3dgnk"></legend></menu><th id="3dgnk"><span id="3dgnk"></span></th><nav id="3dgnk"></nav><tr id="3dgnk"><th id="3dgnk"></th></tr><ul id="3dgnk"></ul><style id="3dgnk"></style><tbody id="3dgnk"><ol id="3dgnk"><b id="3dgnk"><small id="3dgnk"></small></b></ol></tbody><li id="3dgnk"><ol id="3dgnk"><xmp id="3dgnk"><track id="3dgnk"></track></xmp></ol></li><bdo id="3dgnk"><tr id="3dgnk"><dfn id="3dgnk"><strike id="3dgnk"></strike></dfn></tr></bdo><label id="3dgnk"></label><dd id="3dgnk"><ruby id="3dgnk"><ol id="3dgnk"></ol></ruby></dd><track id="3dgnk"></track><video id="3dgnk"><menu id="3dgnk"><samp id="3dgnk"><track id="3dgnk"></track></samp></menu></video><tt id="3dgnk"></tt><code id="3dgnk"><pre id="3dgnk"><u id="3dgnk"></u></pre></code><dfn id="3dgnk"><sub id="3dgnk"></sub></dfn><acronym id="3dgnk"><menu id="3dgnk"></menu></acronym><tt id="3dgnk"></tt><thead id="3dgnk"><sup id="3dgnk"><form id="3dgnk"><legend id="3dgnk"></legend></form></sup></thead><dfn id="3dgnk"></dfn><s id="3dgnk"><progress id="3dgnk"></progress></s><bdo id="3dgnk"><pre id="3dgnk"><dfn id="3dgnk"></dfn></pre></bdo><abbr id="3dgnk"><strong id="3dgnk"></strong></abbr><strike id="3dgnk"></strike><menu id="3dgnk"><legend id="3dgnk"></legend></menu><thead id="3dgnk"><sup id="3dgnk"></sup></thead><sup id="3dgnk"></sup><button id="3dgnk"></button><acronym id="3dgnk"><b id="3dgnk"><code id="3dgnk"></code></b></acronym><label id="3dgnk"><em id="3dgnk"></em></label><tbody id="3dgnk"><small id="3dgnk"><p id="3dgnk"></p></small></tbody><legend id="3dgnk"></legend><s id="3dgnk"><delect id="3dgnk"><listing id="3dgnk"></listing></delect></s><progress id="3dgnk"></progress><ul id="3dgnk"><listing id="3dgnk"><address id="3dgnk"></address></listing></ul><sub id="3dgnk"><li id="3dgnk"><th id="3dgnk"><button id="3dgnk"></button></th></li></sub><address id="3dgnk"><strong id="3dgnk"><dl id="3dgnk"><font id="3dgnk"></font></dl></strong></address><address id="3dgnk"><strong id="3dgnk"><big id="3dgnk"><pre id="3dgnk"></pre></big></strong></address><form id="3dgnk"><ul id="3dgnk"><fieldset id="3dgnk"></fieldset></ul></form><sub id="3dgnk"><dl id="3dgnk"></dl></sub><strong id="3dgnk"><td id="3dgnk"></td></strong><pre id="3dgnk"></pre><nobr id="3dgnk"><s id="3dgnk"><ul id="3dgnk"><listing id="3dgnk"></listing></ul></s></nobr><dd id="3dgnk"><li id="3dgnk"></li></dd><tbody id="3dgnk"></tbody><optgroup id="3dgnk"></optgroup><output id="3dgnk"><nav id="3dgnk"><dd id="3dgnk"></dd></nav></output><optgroup id="3dgnk"><fieldset id="3dgnk"><thead id="3dgnk"><strong id="3dgnk"></strong></thead></fieldset></optgroup><strong id="3dgnk"></strong><tbody id="3dgnk"><ol id="3dgnk"><b id="3dgnk"></b></ol></tbody><pre id="3dgnk"></pre><i id="3dgnk"></i><output id="3dgnk"></output><abbr id="3dgnk"></abbr><form id="3dgnk"></form><thead id="3dgnk"><strong id="3dgnk"><strike id="3dgnk"><font id="3dgnk"></font></strike></strong></thead><pre id="3dgnk"></pre><small id="3dgnk"><strong id="3dgnk"><span id="3dgnk"><form id="3dgnk"></form></span></strong></small><small id="3dgnk"><dfn id="3dgnk"><small id="3dgnk"><strong id="3dgnk"></strong></small></dfn></small></div> </html>