baoyu.116永久免费视频,freexxxx性特大另类

\r\n \r\n

\r\n 測(cè)試type屬性\r\n <\/legend>\r\n color:\r\n <\/label>\r\n \r\n date:\r\n <\/label>\r\n \r\n datetime:\r\n <\/label>\r\n \r\n datetime-local:\r\n <\/label>\r\n \r\n month:\r\n <\/label>\r\n \r\n week:\r\n <\/label>\r\n \r\n time:\r\n <\/label>\r\n \r\n email:\r\n <\/label>\r\n \r\n number:\r\n <\/label>\r\n \r\n range:\r\n <\/label>\r\n \r\n search:\r\n <\/label>\r\n \r\n tel:\r\n <\/label>\r\n \r\n \r\n <\/fieldset>\r\n <\/form>\r\n <\/body>\r\n <\/html><\/pre>

運(yùn)行效果<\/strong><\/p><\/li><\/ul>

$\"關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹\"$ <\/p>

input新type屬性.png<\/p>

新type屬性的注意要點(diǎn)<\/h3>
* 點(diǎn)擊不同type的input標(biāo)簽會(huì)有不一樣的彈出內(nèi)容\r\n* 如果發(fā)現(xiàn)w3cschool內(nèi)容不全,建議去MDN搜索\r\n* 并不是每一個(gè)新type屬性,在PC端都有不同的顯示\r\n* color, date, number 這些效果較為明顯<\/pre>
兼容性問題<\/strong><\/p><\/li>
由于ie的兼容性的問題,在不同的瀏覽器中顯示效果不盡相同<\/p><\/li>
但是在移動(dòng)設(shè)備上的支持效果較好,可以將該頁面發(fā)送到手機(jī)進(jìn)行測(cè)試<\/p><\/li>
實(shí)際開發(fā)中可以按照需求選用<\/p><\/li><\/ul><\/ul>
input表單驗(yàn)證<\/a><\/h2>
用戶在輸入內(nèi)容的時(shí)候不可能做到全部正確,比如email地址``電話長(zhǎng)度<\/code>等等都有可能出現(xiàn)輸入錯(cuò)誤,試想一下,當(dāng)用戶辛辛苦苦的輸入了10多個(gè)表單內(nèi)容,點(diǎn)擊提交由于輸入錯(cuò)誤,內(nèi)容被清空了<\/p><\/blockquote>
w3cSchool 查閱位置<\/h3>下面把api<\/a>文檔的查閱位置添加如下<\/p><\/blockquote> [w3cSchool_事件<\/a>屬性]w3School<\/p><\/li> [w3cSchool_input標(biāo)簽]w3cSchool<\/p><\/li><\/ul> email標(biāo)簽<\/h3>在H5<\/code>中的input<\/code>的新type<\/code>屬性email<\/code>自帶格式驗(yàn)證<\/p><\/blockquote>示例代碼:<\/strong><\/p><\/li>當(dāng)我們點(diǎn)擊提交按鈕<\/a><\/code>時(shí),如果輸入的email<\/code>格式不正確,會(huì)彈出提示信息<\/p><\/li> email<\/code>標(biāo)簽并不會(huì)驗(yàn)證內(nèi)容是否為空，這個(gè)需要注意<\/p><\/li><\/ul><\/ul> <\/p> email自帶提示.png<\/p> \r\n\r\n\r\n \r\n Title<\/title>\r\n<\/head>\r\n<body> <h1><a href="http://www.miracleart.cn/">国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂</a></h1>\r\n<form action=\"\">\r\n email:<input type=\"email\" name=\"userEmail\">\r\n <br\/>\r\n <input type=\"submit\">\r\n<\/form>\r\n<\/body>\r\n<\/html><\/pre><h3><a href=\"http:\/\/www.miracleart.cn\/wiki\/136.html\" target=\"_blank\">require<\/a>d屬性<\/h3><blockquote><p>對(duì)于沒有自帶驗(yàn)證效果的標(biāo)簽,就需要手動(dòng)添加屬性增加驗(yàn)證了<\/p><\/blockquote><ul class=\" list-paddingleft-2\"><li><p><strong>使用方法:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>只需要添加<code>required<\/code>屬性即可,不需要賦值<\/p><\/li><\/ul><li><p><strong>示例代碼:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>當(dāng)<a href=\"http:\/\/www.miracleart.cn\/js\/js-jspopular-guide-widget.html\" target=\"_blank\">控件<\/a>沒有輸入任何內(nèi)容直接點(diǎn)擊提交時(shí),會(huì)彈出提示<\/p><\/li><\/ul><\/ul><p class=\"image-package\"><img src=\"\/\/upload-images.jianshu.io\/upload_images\/4414359-efad3b75c6c255fa.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\"\/ alt=\"關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹\" ><br\/><\/p><p class=\"image-caption\">required屬性.png<\/p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Title<\/title>\r\n<\/head>\r\n<body>\r\n<form action=\"\">\r\n email:<input type=\"email\" name=\"userEmail\">\r\n <br\/>\r\n tel:<input type=\"tel\" required>\r\n <br\/>\r\n <input type=\"submit\">\r\n<\/form>\r\n<\/body>\r\n<\/html><\/pre><h3>pattern 自定義<a href=\"http:\/\/www.miracleart.cn\/php\/php-tp-validatieregel.html\" target=\"_blank\">驗(yàn)證規(guī)則<\/a><\/h3><blockquote><p>使用<code>required<\/code>標(biāo)簽只能夠驗(yàn)證內(nèi)容是否為空,如果想要驗(yàn)證的更為準(zhǔn)確就需要自定義驗(yàn)證規(guī)則了<\/p><\/blockquote><ul class=\" list-paddingleft-2\"><li><p><strong>使用方法:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>在需要添加自定義驗(yàn)證規(guī)則的元素中添加<code>required<\/code>標(biāo)簽<\/p><\/li><li><p>使用<a href=\"http:\/\/www.miracleart.cn\/wiki\/588.html\" target=\"_blank\">正則表達(dá)式<\/a>編寫驗(yàn)證規(guī)則<\/p><\/li><\/ul><li><p><strong>示例代碼:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>當(dāng)我們輸入的內(nèi)容跟驗(yàn)證條件不符時(shí),就會(huì)彈出對(duì)應(yīng)的提示<\/p><\/li><\/ul><\/ul><p class=\"image-package\"><img src=\"\/\/upload-images.jianshu.io\/upload_images\/4414359-cc27f62eb23d650a.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\"\/ alt=\"關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹\" ><br\/><\/p><p class=\"image-caption\">自定義驗(yàn)證.png<\/p><pre class='brush:php;toolbar:false;'><!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Title<\/title>\r\n<\/head>\r\n<body>\r\n<form action=\"\">\r\n email:<input type=\"email\" name=\"userEmail\">\r\n <br\/>\r\n tel:<input type=\"tel\" required pattern=\"[0-9]{3}\">\r\n <br\/>\r\n <input type=\"submit\">\r\n<\/form>\r\n<\/body>\r\n<\/html><\/pre><h3>自定義驗(yàn)證信息<\/h3><blockquote><p>系統(tǒng)的提示消息只能夠提示格式錯(cuò)誤,如果想要更為詳細(xì)的就需要我們通過js來自定義了<\/p><\/blockquote><ul class=\" list-paddingleft-2\"><li><p><strong>使用方法:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>注冊(cè)事件:<code>oninput:輸入時(shí)<\/code>,<code>oninvalid驗(yàn)證失敗<\/code><\/p><\/li><li><p>設(shè)置自定義信息<code>dom.setCustomValidity(\"這里輸入提示信息\");<\/code><\/p><\/li><\/ul><li><p><strong>示例代碼:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>輸入時(shí),會(huì)彈出<code>oninput<\/code>綁定的代碼<\/p><\/li><\/ul><\/ul><p class=\"image-package\"><img src=\"\/\/upload-images.jianshu.io\/upload_images\/4414359-458a0f67e72eda17.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\"\/ alt=\"關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹\" ><br\/><\/p><p class=\"image-caption\">輸入中.png<\/p><ul class=\" list-paddingleft-2\"><li><p>驗(yàn)證失敗時(shí),會(huì)彈出<code>oninvalid<\/code>綁定的代碼<\/p><p class=\"image-package\"><img src=\"\/\/upload-images.jianshu.io\/upload_images\/4414359-31b1902f9a214a47.png?imageMogr2\/auto-orient\/strip%7CimageView2\/2\/w\/1240\"\/ alt=\"關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹\" ><br\/><\/p><p class=\"image-caption\">驗(yàn)證失敗.png<\/p><\/li><\/ul><pre class='brush:php;toolbar:false;'> <!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Title<\/title>\r\n<\/head>\r\n<body>\r\n<form action=\"\">\r\n email:<input type=\"email\" name=\"userEmail\">\r\n <br\/>\r\n tel:<input type=\"tel\" required pattern=\"[0-9]{3}\" id=\"telInput\">\r\n <br\/>\r\n <input type=\"submit\">\r\n<\/form>\r\n<\/body>\r\n<\/html>\r\n <meta http-equiv="Cache-Control" content="no-transform" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <script>var V_PATH="/";window.onerror=function(){ return true; };</script> </head> <body data-commit-time="2023-12-28T14:50:12+08:00" class="editor_body body2_2"> <link rel="stylesheet" type="text/css" href="/static/csshw/stylehw.css"> <header> <div id="377j5v51b" class="head"> <div id="377j5v51b" class="haed_left"> <div id="377j5v51b" class="haed_logo"> <a href="http://www.miracleart.cn/ms/" title="" class="haed_logo_a"> <img src="/static/imghw/logo.png" alt="" class="haed_logoimg"> </a> </div> <div id="377j5v51b" class="head_nav"> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="masyarakat" class="head_nava head_nava-template1">masyarakat</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/article.html" title="Artikel" class="languagechoosea on">Artikel</a> <a href="http://www.miracleart.cn/ms/faq/zt" title="Topik" class="languagechoosea">Topik</a> <a href="http://www.miracleart.cn/ms/wenda.html" title="Soal Jawab" class="languagechoosea">Soal Jawab</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Belajar" class="head_nava head_nava-template1_1">Belajar</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/course.html" title="Kursus" class="languagechoosea on">Kursus</a> <a href="http://www.miracleart.cn/ms/dic/" title="Kamus Pengaturcaraan" class="languagechoosea">Kamus Pengaturcaraan</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Perpustakaan Alatan" class="head_nava head_nava-template1_2">Perpustakaan Alatan</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/toolset/development-tools" title="Alat pembangunan" class="languagechoosea on">Alat pembangunan</a> <a href="http://www.miracleart.cn/ms/toolset/website-source-code" title="Kod sumber laman web" class="languagechoosea">Kod sumber laman web</a> <a href="http://www.miracleart.cn/ms/toolset/php-libraries" title="Perpustakaan PHP" class="languagechoosea">Perpustakaan PHP</a> <a href="http://www.miracleart.cn/ms/toolset/js-special-effects" title="Kesan khas JS" class="languagechoosea on">Kesan khas JS</a> <a href="http://www.miracleart.cn/ms/toolset/website-materials" title="Bahan laman web" class="languagechoosea on">Bahan laman web</a> <a href="http://www.miracleart.cn/ms/toolset/extension-plug-ins" title="Pemalam sambungan" class="languagechoosea on">Pemalam sambungan</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://www.miracleart.cn/ms/ai" title="Alat AI" class="head_nava head_nava-template1_3">Alat AI</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Masa lapang" class="head_nava head_nava-template1_3">Masa lapang</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://www.miracleart.cn/ms/game" title="Muat Turun Permainan" class="languagechoosea on">Muat Turun Permainan</a> <a href="http://www.miracleart.cn/ms/mobile-game-tutorial/" title="Tutorial Permainan" class="languagechoosea">Tutorial Permainan</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('ms')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="cari" onclick="searchs('ms')"><img src="/static/imghw/find.png" alt="cari"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">Melayu<i class="layui-icon layui-icon-triangle-d"></i></a> <div class="377j5v51b" id="dropdown-template" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="javascript:setlang('zh-cn');" title="簡(jiǎn)體中文" class="languagechoosea">簡(jiǎn)體中文</a> <a href="javascript:setlang('en');" title="English" class="languagechoosea">English</a> <a href="javascript:setlang('zh-tw');" title="繁體中文" class="languagechoosea">繁體中文</a> <a href="javascript:setlang('ja');" title="日本語" class="languagechoosea">日本語</a> <a href="javascript:setlang('ko');" title="???" class="languagechoosea">???</a> <a href="javascript:;" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:setlang('de');" title="Deutsch" class="languagechoosea">Deutsch</a> </div> </div> </div> <span id="377j5v51b" class="head_right_line"></span> <div style="display: block;" id="login" class="haed_login "> <a href="javascript:;" title="Login" class="haed_logina ">Login</a> </div> <div style="display: block;" id="reg" class="head_signup login"> <a href="javascript:;" title="singup" class="head_signupa">singup</a> </div> </div> </div> </header> <main> <div id="377j5v51b" class="Article_Details_main"> <div id="377j5v51b" class="Article_Details_main1"> <div id="377j5v51b" class="Article_Details_main1L"> <div id="377j5v51b" class="Article_Details_main1Lmain" id="Article_Details_main1Lmain"> <div id="377j5v51b" class="Article_Details_main1L1">Jadual Kandungan</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2">  <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#新type-a-href-http-www-php-cn-wiki-html-target-blank-屬性-a-介紹" title="新type<a href="http://www.miracleart.cn/wiki/169.html" target="_blank">屬性</a>介紹" >新type<a href="http://www.miracleart.cn/wiki/169.html" target="_blank">屬性</a>介紹</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#新type屬性的注意要點(diǎn)" title="新type屬性的注意要點(diǎn)" >新type屬性的注意要點(diǎn)</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#input-a-href-http-www-php-cn-code-html-target-blank-表單驗(yàn)證-a" title="input<a href="http://www.miracleart.cn/code/81.html" target="_blank">表單驗(yàn)證</a>" >input<a href="http://www.miracleart.cn/code/81.html" target="_blank">表單驗(yàn)證</a></a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#w-cSchool-查閱位置" title="w3cSchool 查閱位置" >w3cSchool 查閱位置</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#email標(biāo)簽" title="email標(biāo)簽" >email標(biāo)簽</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#a-href-http-www-php-cn-wiki-html-target-blank-require-a-d屬性" title="<a href="http://www.miracleart.cn/wiki/136.html" target="_blank">require</a>d屬性" ><a href="http://www.miracleart.cn/wiki/136.html" target="_blank">require</a>d屬性</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#pattern-自定義-a-href-http-www-php-cn-php-php-tp-validatieregel-html-target-blank-驗(yàn)證規(guī)則-a" title="pattern 自定義<a href="http://www.miracleart.cn/php/php-tp-validatieregel.html" target="_blank">驗(yàn)證規(guī)則</a>" >pattern 自定義<a href="http://www.miracleart.cn/php/php-tp-validatieregel.html" target="_blank">驗(yàn)證規(guī)則</a></a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#自定義驗(yàn)證信息" title="自定義驗(yàn)證信息" >自定義驗(yàn)證信息</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#總結(jié)" title="總結(jié)" >總結(jié)</a> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main1M"> <div id="377j5v51b" class="phpgenera_Details_mainL1"> <a href="http://www.miracleart.cn/ms/" title="Rumah" class="phpgenera_Details_mainL1a">Rumah</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL1a">hujung hadapan web</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://www.miracleart.cn/ms/html5-tutorial.html" class="phpgenera_Details_mainL1a">Tutorial H5</a> <img src="/static/imghw/top_right.png" alt="" /> <span>關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://www.miracleart.cn/ms/member/1506.html" class="author_avatar"> <img class="lazy" data-src="https://img.php.cn/upload/avatar/000/001/506/5922afcbb3cf4752.jpg" src="/static/imghw/default1.png" alt="零下一度"> </a> <div id="377j5v51b" class="author_detail"> <a href="http://www.miracleart.cn/ms/member/1506.html" class="author_name">零下一度</a> </div> </div> </div> <span id="377j5v51b" class="Articlelist_txts_time">May 14, 2018 pm 04:26 PM</span> </div> </div> <hr /> <div id="377j5v51b" class="article_main php-article"> <div id="377j5v51b" class="article-list-left detail-content-wrap content"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3461856641"> </ins> <h3 id="新type-a-href-http-www-php-cn-wiki-html-target-blank-屬性-a-介紹">新type<a href="http://www.miracleart.cn/wiki/169.html" target="_blank">屬性</a>介紹</h3> <ul class=" list-paddingleft-2"><li><p>首先讓我們來看一張表</p></li></ul> <p class="image-package"><img src="/static/imghw/default1.png" data-src="http://upload-images.jianshu.io/upload_images/4414359-529ae67cdb9e75c7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="lazy" style="max-width:90%" style="max-width:90%" alt="關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹" ><br></p> <p class="image-caption"><a href="http://www.miracleart.cn/wiki/1118.html" target="_blank">HTML5</a>中的type.png</p> <pre class="brush:php;toolbar:false">其中標(biāo)有`紅色5`的代表`HTML5`中推出的</pre> <ul class=" list-paddingleft-2"><li><p><strong>測(cè)試代碼:</strong></p></li></ul><pre class='brush:php;toolbar:false;'> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> form { width: 80%; background-color: #F7F7F7; } label { display: block; width: 80%; margin: 0 auto; font-size: 30px; font-weight: bold; } input { display: block; width: 80%; margin: 0 auto; } </style> </head> <body> <form action=""> <fieldset> <legend>測(cè)試type屬性 </legend> <label for="">color: </label> <input type="color"> <label for="">date: </label> <input type="date"> <label for="">datetime: </label> <input type="datetime"> <label for="">datetime-local: </label> <input type="datetime-local"> <label for="">month: </label> <input type="month"> <label for="">week: </label> <input type="week"> <label for="">time: </label> <input type="time"> <label for="">email: </label> <input type="email"> <label for="">number: </label> <input type="number"> <label for="">range: </label> <input type="range"> <label for="">search: </label> <input type="search"> <label for="">tel: </label> <input type="tel"> <input type="submit"> </fieldset> </form> </body> </html></pre><ul class=" list-paddingleft-2"><li><p><strong>運(yùn)行效果</strong></p></li></ul><p class="image-package"><img src="/static/imghw/default1.png" data-src="http://upload-images.jianshu.io/upload_images/4414359-eb2e6b71cedd9686.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="lazy" style="max-width:90%" style="max-width:90%"/ alt="關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹" ><br/></p><p class="image-caption">input新type屬性.png</p><h3 id="新type屬性的注意要點(diǎn)">新type屬性的注意要點(diǎn)</h3><pre class="brush:php;toolbar:false">* 點(diǎn)擊不同type的input標(biāo)簽會(huì)有不一樣的彈出內(nèi)容 * 如果發(fā)現(xiàn)w3cschool內(nèi)容不全,建議去MDN搜索 * 并不是每一個(gè)新type屬性,在PC端都有不同的顯示 * color, date, number 這些效果較為明顯</pre><ul class=" list-paddingleft-2"><li><p><strong>兼容性問題</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>由于ie的兼容性的問題,在不同的瀏覽器中顯示效果不盡相同</p></li><li><p>但是在移動(dòng)設(shè)備上的支持效果較好,可以將該頁面發(fā)送到手機(jī)進(jìn)行測(cè)試</p></li><li><p>實(shí)際開發(fā)中可以按照需求選用</p></li></ul></ul><h2 id="input-a-href-http-www-php-cn-code-html-target-blank-表單驗(yàn)證-a">input<a href="http://www.miracleart.cn/code/81.html" target="_blank">表單驗(yàn)證</a></h2><blockquote><p>用戶在輸入內(nèi)容的時(shí)候不可能做到全部正確,比如<code>email地址``電話長(zhǎng)度</code>等等都有可能出現(xiàn)輸入錯(cuò)誤,試想一下,當(dāng)用戶辛辛苦苦的輸入了10多個(gè)表單內(nèi)容,點(diǎn)擊提交由于輸入錯(cuò)誤,內(nèi)容被清空了</p></blockquote><h3 id="w-cSchool-查閱位置">w3cSchool 查閱位置</h3><blockquote><p>下面把<a href="http://www.miracleart.cn/js/js-weixinapp-api.html" target="_blank">api</a>文檔的查閱位置添加如下</p></blockquote><ul class=" list-paddingleft-2"><li><p>[w3cSchool_<a href="http://www.miracleart.cn/js/js-jspopular-guide-event.html" target="_blank">事件</a>屬性]w3School</p></li><li><p>[w3cSchool_input標(biāo)簽]w3cSchool</p></li></ul><h3 id="email標(biāo)簽">email標(biāo)簽</h3><blockquote><p>在<code>H5</code>中的<code>input</code>的新<code>type</code>屬性<code>email</code>自帶格式驗(yàn)證</p></blockquote><ul class=" list-paddingleft-2"><li><p><strong>示例代碼:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>當(dāng)我們點(diǎn)擊<code>提交<a href="http://www.miracleart.cn/code/5991.html" target="_blank">按鈕</a></code>時(shí),如果輸入的<code>email</code>格式不正確,會(huì)彈出提示信息</p></li><li><p><code>email</code>標(biāo)簽并不會(huì)驗(yàn)證內(nèi)容是否為空，這個(gè)需要注意</p></li></ul></ul><p class="image-package"><img src="/static/imghw/default1.png" data-src="http://upload-images.jianshu.io/upload_images/4414359-2366601fe744a037.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="lazy"/ alt="關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹" ><br/></p><p class="image-caption">email自帶提示.png</p><pre class='brush:php;toolbar:false;'> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> email:<input type="email" name="userEmail"> <br/> <input type="submit"> </form> </body> </html></pre><h3 id="a-href-http-www-php-cn-wiki-html-target-blank-require-a-d屬性"><a href="http://www.miracleart.cn/wiki/136.html" target="_blank">require</a>d屬性</h3><blockquote><p>對(duì)于沒有自帶驗(yàn)證效果的標(biāo)簽,就需要手動(dòng)添加屬性增加驗(yàn)證了</p></blockquote><ul class=" list-paddingleft-2"><li><p><strong>使用方法:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>只需要添加<code>required</code>屬性即可,不需要賦值</p></li></ul><li><p><strong>示例代碼:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>當(dāng)<a href="http://www.miracleart.cn/js/js-jspopular-guide-widget.html" target="_blank">控件</a>沒有輸入任何內(nèi)容直接點(diǎn)擊提交時(shí),會(huì)彈出提示</p></li></ul></ul><p class="image-package"><img src="/static/imghw/default1.png" data-src="http://upload-images.jianshu.io/upload_images/4414359-efad3b75c6c255fa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="lazy"/ alt="關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹" ><br/></p><p class="image-caption">required屬性.png</p><pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> email:<input type="email" name="userEmail"> <br/> tel:<input type="tel" required> <br/> <input type="submit"> </form> </body> </html></pre><h3 id="pattern-自定義-a-href-http-www-php-cn-php-php-tp-validatieregel-html-target-blank-驗(yàn)證規(guī)則-a">pattern 自定義<a href="http://www.miracleart.cn/php/php-tp-validatieregel.html" target="_blank">驗(yàn)證規(guī)則</a></h3><blockquote><p>使用<code>required</code>標(biāo)簽只能夠驗(yàn)證內(nèi)容是否為空,如果想要驗(yàn)證的更為準(zhǔn)確就需要自定義驗(yàn)證規(guī)則了</p></blockquote><ul class=" list-paddingleft-2"><li><p><strong>使用方法:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>在需要添加自定義驗(yàn)證規(guī)則的元素中添加<code>required</code>標(biāo)簽</p></li><li><p>使用<a href="http://www.miracleart.cn/wiki/588.html" target="_blank">正則表達(dá)式</a>編寫驗(yàn)證規(guī)則</p></li></ul><li><p><strong>示例代碼:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>當(dāng)我們輸入的內(nèi)容跟驗(yàn)證條件不符時(shí),就會(huì)彈出對(duì)應(yīng)的提示</p></li></ul></ul><p class="image-package"><img src="/static/imghw/default1.png" data-src="http://upload-images.jianshu.io/upload_images/4414359-cc27f62eb23d650a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="lazy"/ alt="關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹" ><br/></p><p class="image-caption">自定義驗(yàn)證.png</p><pre class='brush:php;toolbar:false;'><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> email:<input type="email" name="userEmail"> <br/> tel:<input type="tel" required pattern="[0-9]{3}"> <br/> <input type="submit"> </form> </body> </html></pre><h3 id="自定義驗(yàn)證信息">自定義驗(yàn)證信息</h3><blockquote><p>系統(tǒng)的提示消息只能夠提示格式錯(cuò)誤,如果想要更為詳細(xì)的就需要我們通過js來自定義了</p></blockquote><ul class=" list-paddingleft-2"><li><p><strong>使用方法:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>注冊(cè)事件:<code>oninput:輸入時(shí)</code>,<code>oninvalid驗(yàn)證失敗</code></p></li><li><p>設(shè)置自定義信息<code>dom.setCustomValidity("這里輸入提示信息");</code></p></li></ul><li><p><strong>示例代碼:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>輸入時(shí),會(huì)彈出<code>oninput</code>綁定的代碼</p></li></ul></ul><p class="image-package"><img src="/static/imghw/default1.png" data-src="http://upload-images.jianshu.io/upload_images/4414359-458a0f67e72eda17.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="lazy"/ alt="關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹" ><br/></p><p class="image-caption">輸入中.png</p><ul class=" list-paddingleft-2"><li><p>驗(yàn)證失敗時(shí),會(huì)彈出<code>oninvalid</code>綁定的代碼</p><p class="image-package"><img src="/static/imghw/default1.png" data-src="http://upload-images.jianshu.io/upload_images/4414359-31b1902f9a214a47.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" class="lazy"/ alt="關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹" ><br/></p><p class="image-caption">驗(yàn)證失敗.png</p></li></ul><pre class='brush:php;toolbar:false;'> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> email:<input type="email" name="userEmail"> <br/> tel:<input type="tel" required pattern="[0-9]{3}" id="telInput"> <br/> <input type="submit"> </form> </body> </html> <script> var telInput = document.getElementById("telInput"); // 正在輸入時(shí) telInput.oninput=function () { this.setCustomValidity("請(qǐng)正確輸入哦"); } // 驗(yàn)證失敗時(shí) telInput.oninvalid=function(){ this.setCustomValidity("請(qǐng)不要輸入火星的手機(jī)號(hào)好嗎？"); }; </script></pre><h3 id="總結(jié)">總結(jié)</h3> <ul class=" list-paddingleft-2"> <li><p><strong>優(yōu)點(diǎn):</strong></p></li> <ul class=" list-paddingleft-2" style="list-style-type: square;"> <li><p>html5自帶的驗(yàn)證使用便捷</p></li> <li><p>不需要額外的js<a href="http://www.miracleart.cn/css/css-rwd-frameworks.html" target="_blank">框架</a></p></li> </ul> <li><p><strong>缺點(diǎn):</strong></p></li> <ul class=" list-paddingleft-2" style="list-style-type: square;"> <li><p>兼容性問題</p></li> <li><p>如果想要兼容所有瀏覽器,建議使用<code>js驗(yàn)證框架</code></p></li> </ul> <p>【相關(guān)推薦】</p> <p>1.?<a href="http://www.miracleart.cn/course/list/13.html" target="_self">免費(fèi)h5在線視頻教程</a></p> <p>2.?<a href="http://www.miracleart.cn/course/34.html" target="_self">HTML5 完整版手冊(cè)</a></p> <p>3.?<a href="http://www.miracleart.cn/course/372.html" target="_self">php.cn原創(chuàng)html5視頻教程</a></p> </ul><p>Atas ialah kandungan terperinci 關(guān)于HTML5中input標(biāo)簽（type屬性）的詳細(xì)介紹. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">Kenyataan Laman Web ini</div> <div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <div id="377j5v51b" class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins>  <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat AI Hot</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Gambar buka pakaian secara percuma</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>Penyingkiran pakaian AI</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Artikel Panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796821119.html" title="Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan" class="phpgenera_Details_mainR4_bottom_title">Panduan: bilah bintang simpan fail lokasi/simpan fail hilang/tidak menyimpan</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796828723.html" title="Agnes Tachyon Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Agnes Tachyon Build Guide | Musume Derby Pretty</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796827210.html" title="Oguri Cap Build Guide | Musume Derby Pretty" class="phpgenera_Details_mainR4_bottom_title">Oguri Cap Build Guide | Musume Derby Pretty</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>2 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796821436.html" title="Dune: Awakening - Lanjutan Planetologist Quest Walkthrough" class="phpgenera_Details_mainR4_bottom_title">Dune: Awakening - Lanjutan Planetologist Quest Walkthrough</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/1796821278.html" title="Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper" class="phpgenera_Details_mainR4_bottom_title">Tarikh Segala -galanya: Panduan Hubungan Dirk dan Harper</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 minggu yang lalu</span> <span>By Jack chen</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/article.html">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Alat panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Editor kod yang mudah digunakan dan percuma</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Cina</h3> </a> <p>Versi Cina, sangat mudah digunakan</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Hantar Studio 13.0.1</h3> </a> <p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Alat pembangunan web visual</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://www.miracleart.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title"> <h3>SublimeText3 versi Mac</h3> </a> <p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/ai">Tunjukkan Lagi</a> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4"> <div id="377j5v51b" class="phpmain1_4R_readrank"> <div id="377j5v51b" class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Topik panas</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>8638</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>17</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/java-tutorial" title="Tutorial Java" class="phpgenera_Details_mainR4_bottom_title">Tutorial Java</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1783</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>16</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1728</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>56</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1579</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>28</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://www.miracleart.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1444</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>31</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://www.miracleart.cn/ms/faq/zt">Tunjukkan Lagi</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="Article_Details_main2"> <div id="377j5v51b" class="phpgenera_Details_mainL4"> <div id="377j5v51b" class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div id="377j5v51b" class="phpgenera_Details_mainL4_info"> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796795637.html" title="Adakah H5 adalah singkat untuk HTML5? Meneroka butiran" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174456032160428.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Adakah H5 adalah singkat untuk HTML5? Meneroka butiran" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796795637.html" title="Adakah H5 adalah singkat untuk HTML5? Meneroka butiran" class="phphistorical_Version2_mids_title">Adakah H5 adalah singkat untuk HTML5? Meneroka butiran</a> <span id="377j5v51b" class="Articlelist_txts_time">Apr 14, 2025 am 12:05 AM</span> <p class="Articlelist_txts_p">H5 bukan sekadar singkatan HTML5, ia mewakili ekosistem teknologi pembangunan web moden yang lebih luas: 1. H5 termasuk HTML5, CSS3, JavaScript dan API dan Teknologi yang berkaitan; 2. Ia menyediakan pengalaman pengguna yang lebih kaya, interaktif dan lancar, dan boleh berjalan dengan lancar pada pelbagai peranti; 3. Menggunakan timbunan teknologi H5, anda boleh membuat laman web responsif dan fungsi interaktif yang kompleks.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796795169.html" title="H5 dan HTML5: Istilah yang biasa digunakan dalam pembangunan web" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174447367256958.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="H5 dan HTML5: Istilah yang biasa digunakan dalam pembangunan web" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796795169.html" title="H5 dan HTML5: Istilah yang biasa digunakan dalam pembangunan web" class="phphistorical_Version2_mids_title">H5 dan HTML5: Istilah yang biasa digunakan dalam pembangunan web</a> <span id="377j5v51b" class="Articlelist_txts_time">Apr 13, 2025 am 12:01 AM</span> <p class="Articlelist_txts_p">H5 dan HTML5 merujuk kepada perkara yang sama, iaitu HTML5. HTML5 adalah versi kelima HTML, membawa ciri -ciri baru seperti tag semantik, sokongan multimedia, kanvas dan grafik, penyimpanan luar talian dan penyimpanan tempatan, meningkatkan ekspresi dan interaktiviti laman web.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796797288.html" title="Memahami Kod H5: Asas HTML5" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174481968244816.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Memahami Kod H5: Asas HTML5" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796797288.html" title="Memahami Kod H5: Asas HTML5" class="phphistorical_Version2_mids_title">Memahami Kod H5: Asas HTML5</a> <span id="377j5v51b" class="Articlelist_txts_time">Apr 17, 2025 am 12:08 AM</span> <p class="Articlelist_txts_p">HTML5 adalah teknologi utama untuk membina laman web moden, menyediakan banyak elemen dan ciri -ciri baru. 1. HTML5 memperkenalkan unsur -unsur semantik seperti, dan lain -lain, yang meningkatkan struktur laman web dan SEO. 2. Sokongan unsur multimedia dan menanamkan media tanpa pemalam. 3. Borang meningkatkan jenis input baru dan sifat pengesahan, memudahkan proses pengesahan. 4. Menawarkan fungsi storan luar talian dan tempatan untuk meningkatkan prestasi laman web dan pengalaman pengguna.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796799447.html" title="HTML5: Blok Bangunan Web Moden (H5)" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174516510279313.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML5: Blok Bangunan Web Moden (H5)" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796799447.html" title="HTML5: Blok Bangunan Web Moden (H5)" class="phphistorical_Version2_mids_title">HTML5: Blok Bangunan Web Moden (H5)</a> <span id="377j5v51b" class="Articlelist_txts_time">Apr 21, 2025 am 12:05 AM</span> <p class="Articlelist_txts_p">HTML5 adalah versi terkini bahasa markup hiperteks, yang diseragamkan oleh W3C. HTML5 memperkenalkan tag semantik baru, sokongan multimedia dan peningkatan bentuk, meningkatkan struktur web, pengalaman pengguna dan kesan SEO. HTML5 memperkenalkan tag semantik baru, seperti,, dan lain -lain, untuk menjadikan struktur laman web lebih jelas dan kesan SEO lebih baik. HTML5 menyokong elemen multimedia dan tiada pemalam pihak ketiga diperlukan, meningkatkan pengalaman pengguna dan kelajuan memuatkan. HTML5 meningkatkan fungsi bentuk dan memperkenalkan jenis input baru seperti, dan lain -lain, yang meningkatkan pengalaman pengguna dan membentuk kecekapan pengesahan.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796801963.html" title="HTML5: Standard dan kesannya terhadap pembangunan web" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174568396226437.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML5: Standard dan kesannya terhadap pembangunan web" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796801963.html" title="HTML5: Standard dan kesannya terhadap pembangunan web" class="phphistorical_Version2_mids_title">HTML5: Standard dan kesannya terhadap pembangunan web</a> <span id="377j5v51b" class="Articlelist_txts_time">Apr 27, 2025 am 12:12 AM</span> <p class="Articlelist_txts_p">Ciri -ciri teras HTML5 termasuk tag semantik, sokongan multimedia, penyimpanan luar talian dan penyimpanan tempatan, dan peningkatan bentuk. 1. Tag semantik seperti, dan lain -lain untuk meningkatkan kebolehbacaan kod dan kesan SEO. 2. Memudahkan penanaman multimedia dengan label. 3. Storan luar talian dan penyimpanan tempatan seperti ApplicationCache dan LocalStorage Sokongan Operasi Bebas Rangkaian dan Penyimpanan Data. 4. Peningkatan Borang Memperkenalkan Jenis Input dan Sifat Pengesahan Baru Untuk Memudahkan Pemprosesan dan Pengesahan.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796800095.html" title="HTML5 dan H5: Memahami Penggunaan Biasa" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174525130290661.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML5 dan H5: Memahami Penggunaan Biasa" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796800095.html" title="HTML5 dan H5: Memahami Penggunaan Biasa" class="phphistorical_Version2_mids_title">HTML5 dan H5: Memahami Penggunaan Biasa</a> <span id="377j5v51b" class="Articlelist_txts_time">Apr 22, 2025 am 12:01 AM</span> <p class="Articlelist_txts_p">Tidak ada perbezaan antara HTML5 dan H5, iaitu singkatan HTML5. 1.HTML5 adalah versi kelima HTML, yang meningkatkan fungsi multimedia dan interaktif laman web. 2.H5 sering digunakan untuk merujuk kepada laman web atau aplikasi mudah alih berasaskan HTML5, dan sesuai untuk pelbagai peranti mudah alih.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796800887.html" title="Sambungan antara H5 dan HTML5: Persamaan dan Perbezaan" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174542411212625.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Sambungan antara H5 dan HTML5: Persamaan dan Perbezaan" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796800887.html" title="Sambungan antara H5 dan HTML5: Persamaan dan Perbezaan" class="phphistorical_Version2_mids_title">Sambungan antara H5 dan HTML5: Persamaan dan Perbezaan</a> <span id="377j5v51b" class="Articlelist_txts_time">Apr 24, 2025 am 12:01 AM</span> <p class="Articlelist_txts_p">H5 dan HTML5 adalah konsep yang berbeza: HTML5 adalah versi HTML, yang mengandungi unsur -unsur baru dan API; H5 adalah rangka kerja pembangunan aplikasi mudah alih berdasarkan HTML5. HTML5 Parses dan membuat kod melalui pelayar, manakala aplikasi H5 perlu menjalankan bekas dan berinteraksi dengan kod asli melalui JavaScript.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://www.miracleart.cn/ms/faq/1796806419.html" title="Memahami H5: Makna dan Kepentingan" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174689398215178.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Memahami H5: Makna dan Kepentingan" /> </a> <a href="http://www.miracleart.cn/ms/faq/1796806419.html" title="Memahami H5: Makna dan Kepentingan" class="phphistorical_Version2_mids_title">Memahami H5: Makna dan Kepentingan</a> <span id="377j5v51b" class="Articlelist_txts_time">May 11, 2025 am 12:19 AM</span> <p class="Articlelist_txts_p">H5 adalah HTML5, versi kelima HTML. HTML5 meningkatkan ekspresi dan interaktiviti laman web, memperkenalkan ciri -ciri baru seperti tag semantik, sokongan multimedia, penyimpanan luar talian dan lukisan kanvas, dan menggalakkan pembangunan teknologi web.</p> </div> </div> <a href="http://www.miracleart.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div id="377j5v51b" class="footer"> <div id="377j5v51b" class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://www.miracleart.cn/ms/about/us.html">Tentang kita</a> <a href="http://www.miracleart.cn/ms/about/disclaimer.html">Penafian</a> <a href="http://www.miracleart.cn/ms/update/article_0_1.html">Sitemap</a> </div> <div id="377j5v51b" class="footerbottom"> <p> ? php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.miracleart.cn/" title="国产av日韩一区二区三区精品">国产av日韩一区二区三区精品</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="5s5ip" class="pl_css_ganrao" style="display: none;"><em id="5s5ip"><menuitem id="5s5ip"><source id="5s5ip"><object id="5s5ip"></object></source></menuitem></em><em id="5s5ip"></em><pre id="5s5ip"></pre><thead id="5s5ip"><style id="5s5ip"></style></thead><dfn id="5s5ip"></dfn><form id="5s5ip"></form><menuitem id="5s5ip"><label id="5s5ip"><li id="5s5ip"><video id="5s5ip"></video></li></label></menuitem><cite id="5s5ip"></cite><style id="5s5ip"></style><del id="5s5ip"></del><acronym id="5s5ip"></acronym><thead id="5s5ip"><pre id="5s5ip"><code id="5s5ip"><tbody id="5s5ip"></tbody></code></pre></thead><strong id="5s5ip"><u id="5s5ip"></u></strong><video id="5s5ip"><rp id="5s5ip"></rp></video><thead id="5s5ip"></thead><pre id="5s5ip"><u id="5s5ip"></u></pre><ul id="5s5ip"><form id="5s5ip"></form></ul><wbr id="5s5ip"></wbr><var id="5s5ip"></var><ol id="5s5ip"></ol><th id="5s5ip"><code id="5s5ip"><dfn id="5s5ip"></dfn></code></th><var id="5s5ip"></var><menu id="5s5ip"></menu><rp id="5s5ip"><pre id="5s5ip"></pre></rp><abbr id="5s5ip"><pre id="5s5ip"></pre></abbr><thead id="5s5ip"><th id="5s5ip"><em id="5s5ip"></em></th></thead><thead id="5s5ip"><xmp id="5s5ip"><ol id="5s5ip"></ol></xmp></thead><em id="5s5ip"></em><thead id="5s5ip"></thead><meter id="5s5ip"><div id="5s5ip"><input id="5s5ip"><track id="5s5ip"></track></input></div></meter><cite id="5s5ip"></cite><tbody id="5s5ip"><kbd id="5s5ip"><delect id="5s5ip"></delect></kbd></tbody><tt id="5s5ip"></tt><object id="5s5ip"></object><xmp id="5s5ip"><ol id="5s5ip"><form id="5s5ip"></form></ol></xmp><small id="5s5ip"><nobr id="5s5ip"><del id="5s5ip"><span id="5s5ip"></span></del></nobr></small><legend id="5s5ip"><ol id="5s5ip"></ol></legend><big id="5s5ip"></big><s id="5s5ip"></s><tt id="5s5ip"></tt><strong id="5s5ip"></strong><label id="5s5ip"></label><pre id="5s5ip"><strike id="5s5ip"><style id="5s5ip"></style></strike></pre><s id="5s5ip"><i id="5s5ip"><sup id="5s5ip"></sup></i></s><s id="5s5ip"></s><var id="5s5ip"></var><li id="5s5ip"><noframes id="5s5ip"></noframes></li><small id="5s5ip"><center id="5s5ip"><legend id="5s5ip"><nobr id="5s5ip"></nobr></legend></center></small><pre id="5s5ip"></pre><big id="5s5ip"></big><strong id="5s5ip"><nav id="5s5ip"></nav></strong><tbody id="5s5ip"><abbr id="5s5ip"></abbr></tbody><address id="5s5ip"><style id="5s5ip"></style></address><th id="5s5ip"></th><label id="5s5ip"></label><dl id="5s5ip"><strong id="5s5ip"><small id="5s5ip"></small></strong></dl><menuitem id="5s5ip"><big id="5s5ip"></big></menuitem><th id="5s5ip"></th><strong id="5s5ip"></strong><label id="5s5ip"></label><mark id="5s5ip"><progress id="5s5ip"><nav id="5s5ip"><rp id="5s5ip"></rp></nav></progress></mark><tr id="5s5ip"></tr><noframes id="5s5ip"></noframes><label id="5s5ip"><rp id="5s5ip"><xmp id="5s5ip"><label id="5s5ip"></label></xmp></rp></label><small id="5s5ip"></small><p id="5s5ip"></p><nobr id="5s5ip"><video id="5s5ip"></video></nobr><track id="5s5ip"></track><nav id="5s5ip"></nav><th id="5s5ip"></th><legend id="5s5ip"><address id="5s5ip"></address></legend><tbody id="5s5ip"></tbody><big id="5s5ip"></big><sup id="5s5ip"></sup><ul id="5s5ip"><tfoot id="5s5ip"><cite id="5s5ip"><form id="5s5ip"></form></cite></tfoot></ul><sup id="5s5ip"><u id="5s5ip"><pre id="5s5ip"><s id="5s5ip"></s></pre></u></sup><table id="5s5ip"></table><rp id="5s5ip"><ins id="5s5ip"><big id="5s5ip"><object id="5s5ip"></object></big></ins></rp><table id="5s5ip"></table><output id="5s5ip"><progress id="5s5ip"><s id="5s5ip"><menu id="5s5ip"></menu></s></progress></output><font id="5s5ip"><blockquote id="5s5ip"><dl id="5s5ip"><listing id="5s5ip"></listing></dl></blockquote></font><i id="5s5ip"></i><wbr id="5s5ip"><s id="5s5ip"><nobr id="5s5ip"></nobr></s></wbr><cite id="5s5ip"><ruby id="5s5ip"><acronym id="5s5ip"><bdo id="5s5ip"></bdo></acronym></ruby></cite><em id="5s5ip"><tfoot id="5s5ip"><pre id="5s5ip"></pre></tfoot></em><progress id="5s5ip"></progress><th id="5s5ip"><delect id="5s5ip"></delect></th><tt id="5s5ip"><tbody id="5s5ip"></tbody></tt><strong id="5s5ip"></strong><center id="5s5ip"><legend id="5s5ip"><i id="5s5ip"><strong id="5s5ip"></strong></i></legend></center><source id="5s5ip"></source><kbd id="5s5ip"><blockquote id="5s5ip"></blockquote></kbd><ul id="5s5ip"></ul><code id="5s5ip"><li id="5s5ip"><form id="5s5ip"><address id="5s5ip"></address></form></li></code><var id="5s5ip"><tr id="5s5ip"><legend id="5s5ip"><menu id="5s5ip"></menu></legend></tr></var><rp id="5s5ip"></rp><strong id="5s5ip"></strong><acronym id="5s5ip"><dl id="5s5ip"></dl></acronym><legend id="5s5ip"><dl id="5s5ip"><wbr id="5s5ip"></wbr></dl></legend><delect id="5s5ip"><xmp id="5s5ip"><source id="5s5ip"></source></xmp></delect><th id="5s5ip"></th><u id="5s5ip"><progress id="5s5ip"><s id="5s5ip"><tr id="5s5ip"></tr></s></progress></u><u id="5s5ip"><em id="5s5ip"></em></u><thead id="5s5ip"></thead><strong id="5s5ip"><acronym id="5s5ip"><wbr id="5s5ip"></wbr></acronym></strong><address id="5s5ip"><table id="5s5ip"><delect id="5s5ip"><pre id="5s5ip"></pre></delect></table></address><track id="5s5ip"></track><var id="5s5ip"></var><strike id="5s5ip"></strike><dl id="5s5ip"><small id="5s5ip"><nobr id="5s5ip"></nobr></small></dl><ul id="5s5ip"></ul><strong id="5s5ip"><s id="5s5ip"><menu id="5s5ip"></menu></s></strong><strong id="5s5ip"></strong><tfoot id="5s5ip"><track id="5s5ip"><samp id="5s5ip"></samp></track></tfoot><abbr id="5s5ip"></abbr><th id="5s5ip"></th><track id="5s5ip"><samp id="5s5ip"><acronym id="5s5ip"><rt id="5s5ip"></rt></acronym></samp></track><cite id="5s5ip"></cite><ins id="5s5ip"></ins><big id="5s5ip"></big><mark id="5s5ip"></mark><small id="5s5ip"><dfn id="5s5ip"><form id="5s5ip"></form></dfn></small><listing id="5s5ip"><thead id="5s5ip"></thead></listing><strike id="5s5ip"><fieldset id="5s5ip"></fieldset></strike><output id="5s5ip"></output><tr id="5s5ip"></tr><dl id="5s5ip"></dl><font id="5s5ip"><output id="5s5ip"></output></font><optgroup id="5s5ip"></optgroup><tbody id="5s5ip"><pre id="5s5ip"></pre></tbody><rt id="5s5ip"><listing id="5s5ip"><rp id="5s5ip"></rp></listing></rt><sup id="5s5ip"></sup><video id="5s5ip"><output id="5s5ip"></output></video><label id="5s5ip"><rp id="5s5ip"></rp></label><pre id="5s5ip"><form id="5s5ip"><small id="5s5ip"><dfn id="5s5ip"></dfn></small></form></pre><tr id="5s5ip"><sub id="5s5ip"></sub></tr><acronym id="5s5ip"><dfn id="5s5ip"><strike id="5s5ip"><optgroup id="5s5ip"></optgroup></strike></dfn></acronym><noframes id="5s5ip"><dd id="5s5ip"><wbr id="5s5ip"></wbr></dd></noframes><tbody id="5s5ip"></tbody><small id="5s5ip"><address id="5s5ip"></address></small><acronym id="5s5ip"></acronym><acronym id="5s5ip"><wbr id="5s5ip"><input id="5s5ip"><optgroup id="5s5ip"></optgroup></input></wbr></acronym><small id="5s5ip"></small><noframes id="5s5ip"></noframes><strong id="5s5ip"></strong><rp id="5s5ip"></rp><rp id="5s5ip"><pre id="5s5ip"></pre></rp><nobr id="5s5ip"></nobr><dfn id="5s5ip"></dfn></div> </html>