gogogo免费观看国语,av片在线播放,s久久亚洲综合色

\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>

Laufeffekt<\/strong><\/p><\/li><\/ul>

$\"Eine$ <\/p>

Neues Typattribut .png eingeben <\/p>

Hinweise zum neuen Typattribut<\/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>
Kompatibilit?tsprobleme<\/strong><\/p><\/li>

Aufgrund von Kompatibilit?tsproblemen ist der Anzeigeeffekt in verschiedenen Browsern unterschiedlich<\/p><\/li>
Der Supporteffekt auf Mobilger?ten ist jedoch besser. Sie k?nnen diese Seite zum Testen auf das Mobiltelefon übertragen <\/p><\/li>
In der tats?chlichen Entwicklung k?nnen Sie es entsprechend Ihren Anforderungen ausw?hlen<\/p><\/li><\/ul><\/ul>
EingabeFormularüberprüfung<\/a><\/h2>
Es ist für Benutzer unm?glich, bei der Eingabe von Inhalten korrekt zu sein. email地址``電話長(zhǎng)度<\/code> usw. k?nnen zu Eingabefehlern führen. Stellen Sie sich vor, der Benutzer hat hart gearbeitet, um mehr als 10 Formularinhalte einzugeben. Klicken Sie auf ?Senden“ aufgrund eines Eingabefehlers. Der Inhalt wurde gel?scht. <\/p><\/blockquote>
w3cSchool-Suchort<\/h3>Fügen Sie den Suchort des api<\/a>-Dokuments wie folgt hinzu<\/p><\/blockquote> [w3cSchool_event<\/a>property]w3School<\/p><\/li> [w3cSchool_input tag]w3cSchool<\/p><\/li><\/ul> Das neue <\/h3>-Attribut von in H5<\/code> des E-Mail-Tags input<\/code>type<\/code>email<\/code> verfügt über eine Formatvalidierung<\/p><\/blockquote>Beispielcode:<\/strong><\/p><\/li>Wenn wir auf Senden-Schaltfl?che 提交按鈕<\/a><\/code><\/code>, wenn das eingegebene email<\/code>-Format falsch ist, wird eine Eingabeaufforderung angezeigt <\/p><\/li> email<\/code> Tag wird nicht überprüft, ob der Inhalt leer ist. Sie müssen darauf achten. <\/p><\/li><\/ul><\/ul> <\/p> E-Mail enth?lt prompt.png <\/p> \r\n\r\n\r\n \r\n Title<\/title>\r\n<\/head>\r\n<body> <h1><a href="http://m.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:\/\/m.miracleart.cn\/wiki\/136.html\" target=\"_blank\">erforderliches<\/a>d-Attribut<\/h3><blockquote><p>Für Tags, die keinen eigenen Verifizierungseffekt haben, müssen Sie manuell Attribute hinzufügen, um die Verifizierung zu erh?hen<\/p> <\/blockquote><ul class=\" list-paddingleft-2\"><li><p><strong>Verwendung:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p> Fügen Sie einfach das Attribut <code>required<\/code> hinzu, es ist keine Zuweisung erforderlich <\/p> <\/li><\/ul><li> <p><strong>Beispielcode:<\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>Wenn das <a href=\"http:\/\/m.miracleart.cn\/js\/js-jspopular-guide-widget.html\" target=\"_blank\">-Steuerelement <\/a> auf ?Senden“ klickt, ohne etwas einzugeben , erscheint eine Eingabeaufforderung <\/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=\"Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5\" ><br\/><\/p><p class=\"image-caption\">requiredproperty.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 custom<a href=\"http:\/\/m.miracleart.cn\/php\/php-tp-validatieregel.html\" target=\"_blank\"> Validierungsregel<\/a><\/h3><blockquote><p>Mit dem <code>required<\/code>-Tag kann nur überprüft werden, ob der Inhalt leer ist. Wenn Sie eine genauere überprüfung wünschen, müssen Sie die überprüfungsregeln anpassen <\/p><\/blockquote><ul class=\" list-paddingleft-2\"><li><p> <strong> Verwendung: <\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"><li><p>Tag <code>required<\/code> hinzufügen <\/p><\/li><li><p> < verwenden ??>regul?re Ausdrücke<a href=\"http:\/\/m.miracleart.cn\/wiki\/588.html\" target=\"_blank\"> zum Schreiben von Validierungsregeln<\/a><\/p><\/li><\/ul><li><p>Beispielcode:<strong><\/strong><\/p><\/li><ul class=\" list-paddingleft-2\" style=\"list-style-type: square;\"> <li> Wenn der von uns eingegebene Inhalt nicht den Verifizierungsbedingungen entspricht, wird die entsprechende Eingabeaufforderung angezeigt <p><\/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=\"Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5\" ><br\/><\/p>Benutzerdefinierte Verifizierung .png<p class=\"image-caption\"><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=\"Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5\" ><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=\"Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5\" ><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://m.miracleart.cn/de/" 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="Gemeinschaft" class="head_nava head_nava-template1">Gemeinschaft</a> <div class="377j5v51b" id="dropdown-template1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/de/article.html" title="Artikel" class="languagechoosea on">Artikel</a> <a href="http://m.miracleart.cn/de/faq/zt" title="Themen" class="languagechoosea">Themen</a> <a href="http://m.miracleart.cn/de/wenda.html" title="Fragen und Antworten" class="languagechoosea">Fragen und Antworten</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Lernen" class="head_nava head_nava-template1_1">Lernen</a> <div class="377j5v51b" id="dropdown-template1_1" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/de/course.html" title="Kurs" class="languagechoosea on">Kurs</a> <a href="http://m.miracleart.cn/de/dic/" title="Programmierw?rterbuch" class="languagechoosea">Programmierw?rterbuch</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Tools-Bibliothek" class="head_nava head_nava-template1_2">Tools-Bibliothek</a> <div class="377j5v51b" id="dropdown-template1_2" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/de/toolset/development-tools" title="Entwicklungswerkzeuge" class="languagechoosea on">Entwicklungswerkzeuge</a> <a href="http://m.miracleart.cn/de/toolset/website-source-code" title="Quellcode der Website" class="languagechoosea">Quellcode der Website</a> <a href="http://m.miracleart.cn/de/toolset/php-libraries" title="PHP-Bibliotheken" class="languagechoosea">PHP-Bibliotheken</a> <a href="http://m.miracleart.cn/de/toolset/js-special-effects" title="JS-Spezialeffekte" class="languagechoosea on">JS-Spezialeffekte</a> <a href="http://m.miracleart.cn/de/toolset/website-materials" title="Website-Materialien" class="languagechoosea on">Website-Materialien</a> <a href="http://m.miracleart.cn/de/toolset/extension-plug-ins" title="Erweiterungs-Plug-Ins" class="languagechoosea on">Erweiterungs-Plug-Ins</a> </div> </div> </div> <div id="377j5v51b" class="head_navs"> <a href="http://m.miracleart.cn/de/ai" title="KI-Tools" class="head_nava head_nava-template1_3">KI-Tools</a> </div> <div id="377j5v51b" class="head_navs"> <a href="javascript:;" title="Freizeit" class="head_nava head_nava-template1_3">Freizeit</a> <div class="377j5v51b" id="dropdown-template1_3" style="display: none;"> <div id="377j5v51b" class="languagechoose"> <a href="http://m.miracleart.cn/de/game" title="Spiel-Download" class="languagechoosea on">Spiel-Download</a> <a href="http://m.miracleart.cn/de/mobile-game-tutorial/" title="Spiel-Tutorials" class="languagechoosea">Spiel-Tutorials</a> </div> </div> </div> </div> </div> <div id="377j5v51b" class="head_search"> <input id="key_words" onkeydown="if (event.keyCode == 13) searchs('de')" class="search-input" type="text" autocomplete="off" name="keywords" required="required" placeholder="Block,address,transaction,news" value=""> <a href="javascript:;" title="suchen" onclick="searchs('de')"><img src="/static/imghw/find.png" alt="suchen"></a> </div> <div id="377j5v51b" class="head_right"> <div id="377j5v51b" class="haed_language"> <a href="javascript:;" class="layui-btn haed_language_btn">Deutsch<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:setlang('ms');" title="Melayu" class="languagechoosea">Melayu</a> <a href="javascript:setlang('fr');" title="Fran?ais" class="languagechoosea">Fran?ais</a> <a href="javascript:;" 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">Inhaltsverzeichnis</div> <div id="377j5v51b" class="Article_Details_main1L2" id="Article_Details_main1L2">  <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Neuer-Typ-a-href-http-www-php-cn-wiki-html-target-blank-Attribute-a-Einführung" title="Neuer Typ<a href="http://m.miracleart.cn/wiki/169.html" target="_blank">Attribute</a>Einführung" >Neuer Typ<a href="http://m.miracleart.cn/wiki/169.html" target="_blank">Attribute</a>Einführung</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Hinweise-zum-neuen-Typattribut" title="Hinweise zum neuen Typattribut" >Hinweise zum neuen Typattribut</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Eingabe-a-href-http-www-php-cn-code-html-target-blank-Formularüberprüfung-a" title="Eingabe<a href="http://m.miracleart.cn/code/81.html" target="_blank">Formularüberprüfung</a>" >Eingabe<a href="http://m.miracleart.cn/code/81.html" target="_blank">Formularüberprüfung</a></a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#w-cSchool-Suchort" title="w3cSchool-Suchort" >w3cSchool-Suchort</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#Das-neue" title="Das neue " >Das neue </a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#a-href-http-www-php-cn-wiki-html-target-blank-erforderliches-a-d-Attribut" title="<a href="http://m.miracleart.cn/wiki/136.html" target="_blank">erforderliches</a>d-Attribut" ><a href="http://m.miracleart.cn/wiki/136.html" target="_blank">erforderliches</a>d-Attribut</a> </div> <div id="377j5v51b" class="Article_Details_main1L2s "> <a href="#pattern-custom-a-href-http-www-php-cn-php-php-tp-validatieregel-html-target-blank-Validierungsregel-a" title="pattern custom<a href="http://m.miracleart.cn/php/php-tp-validatieregel.html" target="_blank"> Validierungsregel</a>" >pattern custom<a href="http://m.miracleart.cn/php/php-tp-validatieregel.html" target="_blank"> Validierungsregel</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://m.miracleart.cn/de/" title="Heim" class="phpgenera_Details_mainL1a">Heim</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/de/web-designer.html" class="phpgenera_Details_mainL1a">Web-Frontend</a> <img src="/static/imghw/top_right.png" alt="" /> <a href="http://m.miracleart.cn/de/html5-tutorial.html" class="phpgenera_Details_mainL1a">H5-Tutorial</a> <img src="/static/imghw/top_right.png" alt="" /> <span>Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5</span> </div> <div id="377j5v51b" class="Articlelist_txts"> <div id="377j5v51b" class="Articlelist_txts_info"> <h1 class="Articlelist_txts_title">Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5</h1> <div id="377j5v51b" class="Articlelist_txts_info_head"> <div id="377j5v51b" class="author_info"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/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="Neuer-Typ-a-href-http-www-php-cn-wiki-html-target-blank-Attribute-a-Einführung">Neuer Typ<a href="http://m.miracleart.cn/wiki/169.html" target="_blank">Attribute</a>Einführung</h3> <ul class=" list-paddingleft-2"><li><p>Schauen wir uns zun?chst eine Tabelle an</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="Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5" ><br> </p> <p class="image-caption"><a href="http://m.miracleart.cn/wiki/1118.html" target="_blank">type.png in HTML5</a></p> <pre class="brush:php;toolbar:false">其中標(biāo)有`紅色5`的代表`HTML5`中推出的</pre> <ul class=" list-paddingleft-2"><li><p><strong>Testcode:</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>Laufeffekt</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="Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5" ><br/></p><p class="image-caption">Neues Typattribut .png eingeben </p><h3 id="Hinweise-zum-neuen-Typattribut">Hinweise zum neuen Typattribut</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>Kompatibilit?tsprobleme</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li> <p>Aufgrund von Kompatibilit?tsproblemen ist der Anzeigeeffekt in verschiedenen Browsern unterschiedlich</p></li><li><p>Der Supporteffekt auf Mobilger?ten ist jedoch besser. Sie k?nnen diese Seite zum Testen auf das Mobiltelefon übertragen </p></li><li><p>In der tats?chlichen Entwicklung k?nnen Sie es entsprechend Ihren Anforderungen ausw?hlen</p></li></ul></ul><h2 id="Eingabe-a-href-http-www-php-cn-code-html-target-blank-Formularüberprüfung-a">Eingabe<a href="http://m.miracleart.cn/code/81.html" target="_blank">Formularüberprüfung</a></h2> <blockquote><p>Es ist für Benutzer unm?glich, bei der Eingabe von Inhalten korrekt zu sein. <code>email地址``電話長(zhǎng)度</code> usw. k?nnen zu Eingabefehlern führen. Stellen Sie sich vor, der Benutzer hat hart gearbeitet, um mehr als 10 Formularinhalte einzugeben. Klicken Sie auf ?Senden“ aufgrund eines Eingabefehlers. Der Inhalt wurde gel?scht. </p></blockquote><h3 id="w-cSchool-Suchort">w3cSchool-Suchort</h3><blockquote><p>Fügen Sie den Suchort des <a href="http://m.miracleart.cn/js/js-weixinapp-api.html" target="_blank">api</a>-Dokuments wie folgt hinzu</p></blockquote><ul class=" list-paddingleft-2"><li><p>[w3cSchool_<a href="http://m.miracleart.cn/js/js-jspopular-guide-event.html" target="_blank">event</a>property]w3School</p></li><li><p>[w3cSchool_input tag]w3cSchool</p></li></ul><h3 id="Das-neue">Das neue </h3>-Attribut von <blockquote> in <p><code>H5</code> des E-Mail-Tags <code>input</code><code>type</code><code>email</code> verfügt über eine Formatvalidierung</p></blockquote><ul class=" list-paddingleft-2"><li><p><strong>Beispielcode:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>Wenn wir auf <code>Senden<a href="http://m.miracleart.cn/code/ klicken 5991.html " target="_blank">-Schaltfl?che <code>提交<a href="http://m.miracleart.cn/code/5991.html" target="_blank">按鈕</a></code></code>, wenn das eingegebene <code>email</code>-Format falsch ist, wird eine Eingabeaufforderung angezeigt </p></li><li><p><code>email</code> Tag wird nicht überprüft, ob der Inhalt leer ist. Sie müssen darauf achten. </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="Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5" ><br/></p><p class="image-caption">E-Mail enth?lt prompt.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-erforderliches-a-d-Attribut"><a href="http://m.miracleart.cn/wiki/136.html" target="_blank">erforderliches</a>d-Attribut</h3><blockquote><p>Für Tags, die keinen eigenen Verifizierungseffekt haben, müssen Sie manuell Attribute hinzufügen, um die Verifizierung zu erh?hen</p> </blockquote><ul class=" list-paddingleft-2"><li><p><strong>Verwendung:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p> Fügen Sie einfach das Attribut <code>required</code> hinzu, es ist keine Zuweisung erforderlich </p> </li></ul><li> <p><strong>Beispielcode:</strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>Wenn das <a href="http://m.miracleart.cn/js/js-jspopular-guide-widget.html" target="_blank">-Steuerelement </a> auf ?Senden“ klickt, ohne etwas einzugeben , erscheint eine Eingabeaufforderung </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="Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5" ><br/></p><p class="image-caption">requiredproperty.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-custom-a-href-http-www-php-cn-php-php-tp-validatieregel-html-target-blank-Validierungsregel-a">pattern custom<a href="http://m.miracleart.cn/php/php-tp-validatieregel.html" target="_blank"> Validierungsregel</a></h3><blockquote><p>Mit dem <code>required</code>-Tag kann nur überprüft werden, ob der Inhalt leer ist. Wenn Sie eine genauere überprüfung wünschen, müssen Sie die überprüfungsregeln anpassen </p></blockquote><ul class=" list-paddingleft-2"><li><p> <strong> Verwendung: </strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"><li><p>Tag <code>required</code> hinzufügen </p></li><li><p> < verwenden ??>regul?re Ausdrücke<a href="http://m.miracleart.cn/wiki/588.html" target="_blank"> zum Schreiben von Validierungsregeln</a></p></li></ul><li><p>Beispielcode:<strong></strong></p></li><ul class=" list-paddingleft-2" style="list-style-type: square;"> <li> Wenn der von uns eingegebene Inhalt nicht den Verifizierungsbedingungen entspricht, wird die entsprechende Eingabeaufforderung angezeigt <p></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="Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5" ><br/></p>Benutzerdefinierte Verifizierung .png<p class="image-caption"><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="Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5" ><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="Eine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5" ><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://m.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://m.miracleart.cn/course/list/13.html" target="_self">免費(fèi)h5在線視頻教程</a></p> <p>2.?<a href="http://m.miracleart.cn/course/34.html" target="_self">HTML5 完整版手冊(cè)</a></p> <p>3.?<a href="http://m.miracleart.cn/course/372.html" target="_self">php.cn原創(chuàng)html5視頻教程</a></p> </ul><p>Das obige ist der detaillierte Inhalt vonEine detaillierte Einführung in das Eingabe-Tag (Typattribut) in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p> </div> </div> <div id="377j5v51b" class="wzconShengming_sp"> <div id="377j5v51b" class="bzsmdiv_sp">Erkl?rung dieser Website</div> <div>Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an 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>Hei?e KI -Werkzeuge</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Ausziehbilder kostenlos</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>KI-gestützte App zum Erstellen realistischer Aktfotos</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online-KI-Tool zum Entfernen von Kleidung aus Fotos.</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>KI-Kleiderentferner</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title"> <h3>Video Face Swap</h3> </a> <p>Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/de/ai">Mehr anzeigen</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>Hei?er Artikel</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/de/faq/1796832397.html" title="Gras Wonder Build Guide | Uma Musume hübsches Derby" class="phpgenera_Details_mainR4_bottom_title">Gras Wonder Build Guide | Uma Musume hübsches Derby</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/de/faq/1796833110.html" title="<??>: 99 N?chte im Wald - alle Abzeichen und wie man sie freischalt" class="phpgenera_Details_mainR4_bottom_title"><??>: 99 N?chte im Wald - alle Abzeichen und wie man sie freischalt</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>4 Wochen vor</span> <span>By DDD</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/de/faq/1796831605.html" title="Uma Musume Pretty Derby Banner Zeitplan (Juli 2025)" class="phpgenera_Details_mainR4_bottom_title">Uma Musume Pretty Derby Banner Zeitplan (Juli 2025)</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/de/faq/1796836699.html" title="Rimworld Odyssey -Temperaturführer für Schiffe und Gravtech" class="phpgenera_Details_mainR4_bottom_title">Rimworld Odyssey -Temperaturführer für Schiffe und Gravtech</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>3 Wochen vor</span> <span>By Jack chen</span> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/de/faq/1796831905.html" title="Windows Security ist leer oder keine Optionen angezeigt" class="phpgenera_Details_mainR4_bottom_title">Windows Security ist leer oder keine Optionen angezeigt</a> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_info"> <span>1 Monate vor</span> <span>By 下次還敢</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/de/article.html">Mehr anzeigen</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>Hei?e Werkzeuge</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_bottom"> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Einfach zu bedienender und kostenloser Code-Editor</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" 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 chinesische Version" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/de/toolset/development-tools/93" title="SublimeText3 chinesische Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 chinesische Version</h3> </a> <p>Chinesische Version, sehr einfach zu bedienen</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/toolset/development-tools/121" title="Senden Sie 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="Senden Sie Studio 13.0.1" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/de/toolset/development-tools/121" title="Senden Sie Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Senden Sie Studio 13.0.1</h3> </a> <p>Leistungsstarke integrierte PHP-Entwicklungsumgebung</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/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://m.miracleart.cn/de/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visuelle Webentwicklungstools</p> </div> </div> <div id="377j5v51b" class="phpmain_tab2_mids_top"> <a href="http://m.miracleart.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" 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 Mac-Version" /> </a> <div id="377j5v51b" class="phpmain_tab2_mids_info"> <a href="http://m.miracleart.cn/de/toolset/development-tools/500" title="SublimeText3 Mac-Version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac-Version</h3> </a> <p>Codebearbeitungssoftware auf Gottesniveau (SublimeText3)</p> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/de/ai">Mehr anzeigen</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>Hei?e Themen</h2> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottom"> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/de/faq/laravel-tutori" title="Laravel-Tutorial" class="phpgenera_Details_mainR4_bottom_title">Laravel-Tutorial</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>1601</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>29</span> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms"> <a href="http://m.miracleart.cn/de/faq/php-tutorial" title="PHP-Tutorial" class="phpgenera_Details_mainR4_bottom_title">PHP-Tutorial</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>1502</span> </div> <div id="377j5v51b" class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>276</span> </div> </div> </div> </div> <div id="377j5v51b" class="phpgenera_Details_mainR3_more"> <a href="http://m.miracleart.cn/de/faq/zt">Mehr anzeigen</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://m.miracleart.cn/de/faq/1796829157.html" title="Umgang mit Wiederverbindungen und Fehlern mit HTML5-Server-Sent-Ereignissen." 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/175148089165625.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Umgang mit Wiederverbindungen und Fehlern mit HTML5-Server-Sent-Ereignissen." /> </a> <a href="http://m.miracleart.cn/de/faq/1796829157.html" title="Umgang mit Wiederverbindungen und Fehlern mit HTML5-Server-Sent-Ereignissen." class="phphistorical_Version2_mids_title">Umgang mit Wiederverbindungen und Fehlern mit HTML5-Server-Sent-Ereignissen.</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:28 AM</span> <p class="Articlelist_txts_p">Bei Verwendung von HTML5SSE sind die Methoden zur Umsetzung mit Wiederverbindung und Fehlern: 1. Verst?ndnis des Standard -Wiederverbindungsmechanismus. EventSource erneut 3 Sekunden nach der Unterbrechung der Verbindung standardm??ig unterbrochen. Sie k?nnen das Intervall über das Wiederholungsfeld anpassen. 2. H?ren Sie sich das Fehlerereignis an, um mit Verbindungsfehler oder Parsenfehlern umzugehen, Fehlertypen zu unterscheiden und die entsprechende Logik auszuführen, z. B. Netzwerkprobleme, die sich auf automatische Wiederverbindung stützen, Serverfehler die Wiederverbindung und Authentifizierungsfehler aktualisieren. 3. Steuern Sie aktiv die Wiederverbindungslogik, wie z. B. manuelles Schlie?en und Wiederaufbau der Verbindung, die maximale Anzahl von Wiederholungszeiten und kombinieren Navigator. Diese Ma?nahmen k?nnen die Anwendungsstabilit?t und die Benutzererfahrung verbessern.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/de/faq/1796835653.html" title="Integration von CSS und JavaScript effektiv in die HTML5 -Struktur." 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/175226046128038.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Integration von CSS und JavaScript effektiv in die HTML5 -Struktur." /> </a> <a href="http://m.miracleart.cn/de/faq/1796835653.html" title="Integration von CSS und JavaScript effektiv in die HTML5 -Struktur." class="phphistorical_Version2_mids_title">Integration von CSS und JavaScript effektiv in die HTML5 -Struktur.</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 12, 2025 am 03:01 AM</span> <p class="Articlelist_txts_p">HTML5, CSS und JavaScript sollten effizient mit semantischen Tags, angemessenen Ladereihenfolge und Entkopplungsdesign kombiniert werden. 1. Verwenden Sie HTML5-Semantik-Tags, wie z. B. die Verbesserung der strukturellen Klarheit und Wartbarkeit, was dem SEO und barrierefreien Zugang f?rderlich ist. 2. CSS sollte eingerichtet werden, externe Dateien verwenden und nach dem Modul aufgeteilt werden, um Inline -Stile und verz?gerte Ladeprobleme zu vermeiden. 3. JavaScript wird empfohlen, voran vorzugehen, und verwenden Sie Defer oder Async, um asynchron zu laden, um das Blockieren des Renders zu vermeiden. 4. Reduzieren Sie die starke Abh?ngigkeit zwischen den drei, führen Sie das Verhalten durch Datenattribute und den Status der Klassennamen und verbessern Sie die Zusammenarbeit Effizienz durch einheitliche Benennungsspezifikationen. Diese Methoden k?nnen die Seitenleistung effektiv optimieren und mit Teams zusammenarbeiten.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/de/faq/1796829178.html" title="Deklarieren Sie den richtigen HTML5 -DocType für moderne Seiten." 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/175148132111973.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Deklarieren Sie den richtigen HTML5 -DocType für moderne Seiten." /> </a> <a href="http://m.miracleart.cn/de/faq/1796829178.html" title="Deklarieren Sie den richtigen HTML5 -DocType für moderne Seiten." class="phphistorical_Version2_mids_title">Deklarieren Sie den richtigen HTML5 -DocType für moderne Seiten.</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 02:35 AM</span> <p class="Articlelist_txts_p">DocType ist eine Anweisung, die dem Browser mitteilt, mit dem HTML -Standard die Seite analysiert werden soll. Moderne Webseiten müssen nur zu Beginn der HTML -Datei geschrieben werden. Seine Funktion besteht darin, sicherzustellen, dass der Browser die Seite eher im Standardmodus als im seltsamen Modus rendert und sich in der ersten Zeile befinden muss, ohne Leerzeichen oder Kommentare davor. Es gibt nur einen richtigen Weg, um es zu schreiben, und es wird nicht empfohlen, alte Versionen oder andere Varianten zu verwenden. Andere wie Charset, Ansichtsfenster usw. sollten teilweise platziert werden.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/de/faq/1796828529.html" title="Empfangen von Echtzeitdaten mit HTML5-Server-Sent-Ereignissen (SSE)." 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/175144597280198.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Empfangen von Echtzeitdaten mit HTML5-Server-Sent-Ereignissen (SSE)." /> </a> <a href="http://m.miracleart.cn/de/faq/1796828529.html" title="Empfangen von Echtzeitdaten mit HTML5-Server-Sent-Ereignissen (SSE)." class="phphistorical_Version2_mids_title">Empfangen von Echtzeitdaten mit HTML5-Server-Sent-Ereignissen (SSE).</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 pm 04:46 PM</span> <p class="Articlelist_txts_p">Server-SentEvents (SSE) ist eine leichte L?sung, die von HTML5 bereitgestellt wird, um Echtzeit-Updates in den Browser zu bringen. Es realisiert die Einweg-Kommunikation durch lange HTTP-Verbindungen, die für Aktienmarkte, Benachrichtigungen und andere Szenarien geeignet sind. Erstellen Sie EventSource -Instanz und h?ren Sie auf Nachrichten zu, wenn Sie Folgendes verwenden: canteventSource = newEventSource ('/stream'); eventSource.onMessage = function (Ereignis) {console.log ('empfangene Nachricht:', Ereignis.Data);}; Der Server muss den Inhaltstyp auf Text/Ereignis festlegen</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/de/faq/1796828942.html" title="Verbesserung der SEO mit HTML5 Semantic Markup und Microdata." 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/175147660275182.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Verbesserung der SEO mit HTML5 Semantic Markup und Microdata." /> </a> <a href="http://m.miracleart.cn/de/faq/1796828942.html" title="Verbesserung der SEO mit HTML5 Semantic Markup und Microdata." class="phphistorical_Version2_mids_title">Verbesserung der SEO mit HTML5 Semantic Markup und Microdata.</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 03, 2025 am 01:16 AM</span> <p class="Articlelist_txts_p">Die Verwendung von HTML5 -Semantik -Tags und Microdata kann die SEO verbessern, da Suchmaschinen die Seitenstruktur und den Inhalt besser verstehen k?nnen. 1. Verwenden Sie HTML5 -Semantik -Tags wie ,,,, und um die Funktion von Seitenbl?cken zu kl?ren, die Suchmaschinen hilft, ein genaueres Seitenmodell festzulegen. 2. Fügen Sie mikrodata -strukturierte Daten hinzu, um spezifische Inhalte zu markieren, z. B. Artikelautor, Erscheinungsdatum, Produktpreis usw., damit Suchmaschinen Informationstypen identifizieren und diese zur Anzeige der satten Medienzusammenfassung verwenden k?nnen. 3. Achten Sie auf die korrekte Verwendung von Tags, um Verwirrung zu vermeiden, doppelte Tags zu vermeiden, die Effektivit?t strukturierter Daten zu testen, regelm??ig zu aktualisieren, um sich an ?nderungen von schema.org anzupassen und mit anderen SEO-Mitteln zu kombinieren, um langfristig zu optimieren.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/de/faq/1796835678.html" title="Erl?uterung der HTML5 ` vs` `Elemente." 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/175226098195845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Erl?uterung der HTML5 ` vs` `Elemente." /> </a> <a href="http://m.miracleart.cn/de/faq/1796835678.html" title="Erl?uterung der HTML5 ` vs` `Elemente." class="phphistorical_Version2_mids_title">Erl?uterung der HTML5 ` vs` `Elemente.</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 12, 2025 am 03:09 AM</span> <p class="Articlelist_txts_p">Es ist ein Element auf Blockebene, das zum Layout geeignet ist. Es ist ein Inline -Element, das zum Wickeln von Textinhalten geeignet ist. 1. Nehmen Sie ausschlie?lich eine Linie ein, Breite, H?he und R?nder k?nnen festgelegt werden, die h?ufig im strukturellen Layout verwendet werden. 2. Keine Zeilenumbrüche, die Gr??e wird durch den Inhalt bestimmt und ist für lokale Textstile oder dynamische Operationen geeignet. 3. Bei der Auswahl sollte es beurteilt werden, ob der Inhalt unabh?ngiger Raum ben?tigt. 4. Es kann nicht verschachtelt werden und ist nicht zum Layout geeignet. 5. Priorit?t wird der Verwendung semantischer Etiketten zur Verbesserung der strukturellen Klarheit und Zug?nglichkeit erteilt.</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/de/faq/1796828542.html" title="Erhalten Sie den aktuellen Standort des Benutzers mit der HTML5 -Geolocation -API." 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/175144699271455.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Erhalten Sie den aktuellen Standort des Benutzers mit der HTML5 -Geolocation -API." /> </a> <a href="http://m.miracleart.cn/de/faq/1796828542.html" title="Erhalten Sie den aktuellen Standort des Benutzers mit der HTML5 -Geolocation -API." class="phphistorical_Version2_mids_title">Erhalten Sie den aktuellen Standort des Benutzers mit der HTML5 -Geolocation -API.</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 02, 2025 pm 05:03 PM</span> <p class="Articlelist_txts_p">Wenn Sie die HTML5Geolocation -API verwenden, um den Benutzerstandort zu erhalten, müssen Sie zun?chst die Benutzerautorisierung einholen und den Zweck zum richtigen Zeitpunkt anfordern und erl?utern. Die grundlegende Methode ist navigator.geolocation.getCurrentPosition (), die erfolgreiche Rückrufe, falsche Rückrufe und Konfigurationsparameter enth?lt. Zu den h?ufigen Gründen für den Fehler geh?ren die Erlaubnis, die nicht unterstützt werden kann, Netzwerkprobleme usw., alternative L?sungen und klare Eingabeaufforderungen sollten bereitgestellt werden. Die spezifischen Vorschl?ge lauten wie folgt: 1. Anforderungsberechtigungen, wenn der Benutzervorgang ausgel?st wird, z. B. Klicken auf die Schaltfl?che; 2. Verwenden Sie EnableHighAccuracy, Timeout, Maximum und andere Parameter, um den Positionierungseffekt zu optimieren. 3.. Fehlerbehandlung sollte zwischen verschiedenen Fehlern unterscheiden</p> </div> <div id="377j5v51b" class="phphistorical_Version2_mids"> <a href="http://m.miracleart.cn/de/faq/1796832585.html" title="Verst?ndnis der HTML5 -Medienquellenverl?ngerungen (MSE)" 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/175191311266895.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Verst?ndnis der HTML5 -Medienquellenverl?ngerungen (MSE)" /> </a> <a href="http://m.miracleart.cn/de/faq/1796832585.html" title="Verst?ndnis der HTML5 -Medienquellenverl?ngerungen (MSE)" class="phphistorical_Version2_mids_title">Verst?ndnis der HTML5 -Medienquellenverl?ngerungen (MSE)</a> <span id="377j5v51b" class="Articlelist_txts_time">Jul 08, 2025 am 02:31 AM</span> <p class="Articlelist_txts_p">MSE (MediaSourceExtensions) ist Teil des W3C -Standards und erm?glicht es JavaScript, Medienstr?me dynamisch zu erstellen, wodurch erweiterte Video -Wiedergabefunktionen erm?glicht werden. Es verwaltet Medienquellen über MediaSource, speichert Daten von SourceBuffer und stellt den Pufferzeitbereich über Timerangen dar, sodass der Browser Videoclips dynamisch laden und dekodieren kann. Der Prozess der Verwendung von MSE umfasst: ① Erstellen einer MediaSource -Instanz; ② Binden Sie es an ein Element; ③ SourceBuffer hinzufügen, um Daten in einem bestimmten Format zu empfangen. ④ Segmentierte Daten über Fetch () abrufen und an den Puffer anh?ngen. Zu den gemeinsamen Vorsichtsma?nahmen geh?ren: ① Formatkompatibilit?tsprobleme; ② Zeitstempelpaar</p> </div> </div> <a href="http://m.miracleart.cn/de/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>Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！</p> </div> <div id="377j5v51b" class="footermid"> <a href="http://m.miracleart.cn/de/about/us.html">über uns</a> <a href="http://m.miracleart.cn/de/about/disclaimer.html">Haftungsausschluss</a> <a href="http://m.miracleart.cn/de/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://m.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="fh9n3" class="pl_css_ganrao" style="display: none;"><mark id="fh9n3"></mark><acronym id="fh9n3"><sup id="fh9n3"><b id="fh9n3"><source id="fh9n3"></source></b></sup></acronym><th id="fh9n3"></th><form id="fh9n3"><strong id="fh9n3"></strong></form><acronym id="fh9n3"><option id="fh9n3"><acronym id="fh9n3"></acronym></option></acronym><thead id="fh9n3"><abbr id="fh9n3"><menuitem id="fh9n3"><nobr id="fh9n3"></nobr></menuitem></abbr></thead><pre id="fh9n3"></pre><pre id="fh9n3"><b id="fh9n3"></b></pre><font id="fh9n3"><style id="fh9n3"></style></font><u id="fh9n3"></u><listing id="fh9n3"><pre id="fh9n3"></pre></listing><fieldset id="fh9n3"><center id="fh9n3"><acronym id="fh9n3"></acronym></center></fieldset><strike id="fh9n3"><ins id="fh9n3"><cite id="fh9n3"><pre id="fh9n3"></pre></cite></ins></strike><legend id="fh9n3"></legend><listing id="fh9n3"></listing><sup id="fh9n3"></sup><legend id="fh9n3"><menuitem id="fh9n3"></menuitem></legend><strong id="fh9n3"><address id="fh9n3"></address></strong><form id="fh9n3"><p id="fh9n3"><mark id="fh9n3"><thead id="fh9n3"></thead></mark></p></form><samp id="fh9n3"><i id="fh9n3"><output id="fh9n3"></output></i></samp><address id="fh9n3"></address><nav id="fh9n3"><thead id="fh9n3"></thead></nav><sub id="fh9n3"></sub><i id="fh9n3"><meter id="fh9n3"><var id="fh9n3"></var></meter></i><object id="fh9n3"></object><fieldset id="fh9n3"><pre id="fh9n3"><var id="fh9n3"><font id="fh9n3"></font></var></pre></fieldset><acronym id="fh9n3"></acronym><del id="fh9n3"></del><p id="fh9n3"></p><output id="fh9n3"></output><dfn id="fh9n3"></dfn><legend id="fh9n3"><li id="fh9n3"><legend id="fh9n3"><th id="fh9n3"></th></legend></li></legend><optgroup id="fh9n3"><big id="fh9n3"><tbody id="fh9n3"><meter id="fh9n3"></meter></tbody></big></optgroup><ol id="fh9n3"></ol><sup id="fh9n3"></sup><em id="fh9n3"></em><input id="fh9n3"><xmp id="fh9n3"><i id="fh9n3"></i></xmp></input><wbr id="fh9n3"></wbr><legend id="fh9n3"></legend><output id="fh9n3"></output><sub id="fh9n3"><style id="fh9n3"><delect id="fh9n3"><style id="fh9n3"></style></delect></style></sub><ul id="fh9n3"><legend id="fh9n3"><ruby id="fh9n3"><dl id="fh9n3"></dl></ruby></legend></ul><abbr id="fh9n3"></abbr><address id="fh9n3"></address><em id="fh9n3"><label id="fh9n3"></label></em><ol id="fh9n3"><pre id="fh9n3"></pre></ol><strike id="fh9n3"></strike><tr id="fh9n3"><nobr id="fh9n3"><address id="fh9n3"><nav id="fh9n3"></nav></address></nobr></tr><li id="fh9n3"><legend id="fh9n3"></legend></li><style id="fh9n3"></style></div> </html>