How to set up H5 form verification failed prompt

How to set the H5 form verification failure? This issue may be often seen in our daily study or work. I hope that you can give you a deep harvest through this issue. Below is the reference content brought by Xiaobian, let’s take a look!

The front-end children’s shoes are in writing, and the generals will always step on the form to verify this pit. At this time, we must be kneeling, because we must write a bunch of JS to check. But since H5 appears Many common expression verification, it has helped us to achieve, let us alleviate a lot of burden, just like the following:

Email address verification:

    TEST     Mailbox:          Mailbox verification is H5 itself support, but the scenes and conditions we have to verify are varied, what should I do? ? Is it easy to use? It is obviously not so painful, because H5 provides Pattern attributes, let us eat self-sufficient! We can specify regular expressions in Pattern, as long as it is written, verification is not worried! 

怎么设置H5的表单验证失败提示语

TEST

            Everyone can try, in the input non-11 digits, it will report an error, this is the practice of Pattern. But I don't know if you discover a phenomenon of an egg pain? Just if we use Pattern to verify the form, when the verification fails, it is invisible to the requested format, my day, our users Know what ghosts are the requested format, you can't let them go to see the source code. If we don't have to write, let them give us money to us, let them give us a joke ~    Solution   There is a problem, we have to solve it, in the face of Google program, finally have a good party: 
OnInvalid: The value of the INPUT element is invalid At the time of value (here is regular verification failure), trigger

怎么设置H5的表单验证失败提示语 OnInvalid event. OnInvalid belongs to the FORM event.

setcustomvalidity (): This is an HTML5 built-in JS method, with the definition prompt information , it can be used to define prompts with OnInvalid and SetCustomValidity, then this is good, modify the source code as follows :

TEST

Number:

Result:

   finally not the egg pain " Format, now the form verification prompt is clearly telling us, what kind of data should be entered here,This way users can better modify their own input!   Thank you for reading! After reading the above, do you know how to set the H5 form verification failure? I hope that the content of the article will help everyone. If you want to know more about the content, please pay attention to Tumi Yun Industry Information Channel.                      </div>
                <div class="em09 muted-3-color"><div><span>©</span> Copyright Notice</div><div class="posts-copyright">The copyright of this article belongs to the author. Please do not reprint it without permission。</div></div><div class="text-center theme-box muted-3-color box-body separator em09">THE END</div><div class="theme-box article-tags"><a class="but ml6 radius c-blue" title="查看更多分类文章" href="https://www.tumi.net/front-end/css"><i class="fa fa-folder-open-o" aria-hidden="true"></i>css</a><br><a href="https://www.tumi.net/tag/559" title="View more articles in this tag" class="but ml6 radius"># forms</a><a href="https://www.tumi.net/tag/191" title="View more articles in this tag" class="but ml6 radius"># numbers</a><a href="https://www.tumi.net/tag/384" title="View more articles in this tag" class="but ml6 radius"># regular</a><a href="https://www.tumi.net/tag/640" title="View more articles in this tag" class="but ml6 radius"># tips</a></div><div class="text-center muted-3-color box-body em09">Just support it if you like</div><div class="text-center post-actions"><a href="javascript:;" data-action="like" class="action action-like" data-pid="39681"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg><text>like</text><count>0</count></a><div href="javascript:;" class="action action-share hover-show">
    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-share"></use></svg><text>share</text><div class="zib-widget hover-show-con share-button"><a class="bds qzone" target="_blank" title="Share to QQ space" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://www.tumi.net/front-end/css/39681.html&title=How to set up H5 form verification failed prompt-Tumi&pics=https://img.tumi.net/wp-content/uploads/2021/09/20210911052943-613c3ec75ffd9.jpg&summary=How to set the H5 form verification failed prompt? This issue may be often seen in our daily study or work. I hope that you can give you a deep harvest through this issue. Below is the reference conte"><svg t="1555860145812" class="icon" viewBox="0 0 1159 1024"><path d="M1159.511619 372.253643c0-12.905868 0-9.276093-12.905869-9.276093h-346.845214l-51.220166-91.551004L607.382434 0h-25.811737l-128.252068 271.426546L403.308389 362.97755H0v5.646318l72.59551 51.220165 201.654195 179.875542-45.977157 411.374557c0 12.905868 2.823159 12.905868 28.231587 12.905868l335.149272-205.687278 334.745963 205.687278c12.905868 0 13.309177 0 26.215045-12.905868l-64.126034-411.374557 192.78141-165.35644zM312.564002 766.285939l372.253643-303.691217L337.97243 403.308389h526.720756l-322.646711 290.785349L875.985821 766.285939z" fill="#eab32c"></path></svg></a><a class="bds tsina" target="_blank" title="share to Sina Weibo" href="http://service.weibo.com/share/share.php?url=https://www.tumi.net/front-end/css/39681.html&title=How to set up H5 form verification failed prompt-Tumi&pic=https://img.tumi.net/wp-content/uploads/2021/09/20210911052943-613c3ec75ffd9.jpg&searchPic=false"><svg t="1555857500786" class="icon" viewBox="0 0 1194 1024"><path d="M850.801 524.863c-41.947-8.678-21.697-30.375-21.697-30.375s40.501-66.536-8.678-115.716c-60.751-60.751-206.842 7.233-206.842 7.233-56.411 17.358-40.501-7.233-33.268-50.626 0-50.626-17.358-135.966-166.342-85.34-146.091 52.072-273.379 229.986-273.379 229.986-89.68 118.609-78.109 209.736-78.109 209.736 21.697 202.503 237.218 257.468 403.559 270.486 176.467 14.464 412.238-60.751 484.56-214.074 73.769-151.877-57.858-212.628-99.805-221.307M480.51 903.833c-175.020 7.233-315.326-79.554-315.326-196.717s140.305-209.736 315.326-218.413c173.573-7.233 315.326 65.090 315.326 180.806 0 117.162-141.752 225.646-315.326 234.324z" fill="#d81e06" p-id="3535"></path><path d="M445.796 566.81c-175.020 20.25-154.77 185.145-154.77 185.145s-1.447 52.072 47.733 78.109c102.697 54.965 208.288 21.697 261.807-47.733 52.072-67.984 20.25-235.771-154.77-215.521M400.956 796.796c-33.268 4.339-59.304-14.464-59.304-41.947s23.143-56.411 56.411-59.304c37.608-2.892 62.198 18.804 62.198 44.84 0 27.483-26.036 53.518-59.304 56.411M503.654 708.562c-11.572 8.678-24.59 7.233-30.375-2.892s-4.339-24.59 7.233-33.268c13.018-10.125 26.036-7.233 31.822 2.892 7.233 10.125 2.892 24.59-8.678 33.268z" fill="#2c2c2c" p-id="3536"></path><path d="M1105.376 433.737c1.447-2.892 1.447-7.233 1.447-10.125 2.892-15.911 4.339-31.822 4.339-47.733 0-173.573-141.752-313.88-315.326-313.88-24.59 0-43.393 18.804-43.393 43.393 0 24.59 18.804 43.393 43.393 43.393 125.841 0 227.093 101.252 227.093 227.093 0 14.464-1.447 27.483-4.339 41.947v0c0 1.447 0 2.892 0 4.339 0 24.59 18.804 43.393 43.393 43.393 21.697 0 39.054-13.018 43.393-31.822v0c0 0 0 0 0 0z" fill="#d81e06" p-id="3537"></path><path d="M969.41 391.79c0-5.786 1.447-10.125 1.447-15.911 0-95.466-78.109-173.573-173.573-173.573-20.25 0-36.161 15.911-36.161 36.161 0 20.25 15.911 36.161 36.161 36.161 56.411 0 101.252 44.84 101.252 101.252 0 4.339 0 8.678-1.447 13.018h1.447c0 1.447-1.447 2.892-1.447 4.339 0 20.25 15.911 36.161 36.161 36.161 18.804 0 33.268-14.464 34.715-31.822v0c0-1.447 0-1.447 0-2.892 1.447 0 1.447 0 1.447-2.892 0 1.447 0 1.447 0 0z" fill="#d81e06"></path></svg></a><a class="bds sqq" target="_blank" title="Share to QQ friends" href="http://connect.qq.com/widget/shareqq/index.html?url=https://www.tumi.net/front-end/css/39681.html&desc=How to set the H5 form verification failed prompt? This issue may be often seen in our daily study or work. I hope that you can give you a deep harvest through this issue. Below is the reference conte&title=How to set up H5 form verification failed prompt-Tumi&pics=https://img.tumi.net/wp-content/uploads/2021/09/20210911052943-613c3ec75ffd9.jpg"><svg class="icon" viewBox="0 0 1024 1024"><path d="M909.937778 664.803556c-18.432-110.876444-95.829333-183.523556-95.829333-183.523556 11.064889-100.664889-29.496889-118.528-29.496889-118.528C776.106667 51.313778 517.432889 56.775111 512 56.917333c-5.432889-0.142222-264.135111-5.603556-272.611556 305.863111 0 0-40.561778 17.863111-29.496889 118.528 0 0-77.397333 72.647111-95.829333 183.523556 0 0-9.841778 187.335111 88.462222 22.954667 0 0 22.129778 62.435556 62.663111 118.528 0 0-72.504889 25.486222-66.332444 91.761778 0 0-2.474667 73.898667 154.823111 68.835556 0 0 110.563556-8.903111 143.758222-57.344l29.240889 0c33.166222 48.440889 143.758222 57.344 143.758222 57.344 157.240889 5.091556 154.794667-68.835556 154.794667-68.835556 6.115556-66.247111-66.332444-91.761778-66.332444-91.761778 40.533333-56.092444 62.663111-118.528 62.663111-118.528C919.751111 852.167111 909.937778 664.803556 909.937778 664.803556L909.937778 664.803556zM909.937778 664.803556" fill="#1296db"></path></svg></a><a class="bds simg" data-toggle="modal" href="#modal_poster" title="Generate a shared poster" href><svg class="icon" viewBox="0 0 1024 1024"><path d="M319.658667 466.432l211.797333 223.5392 177.7664-102.161067L887.466667 708.181333v98.082134H153.6v-127.249067z" fill="#CFDEFF"></path><path d="M860.16 197.973333H180.7872a27.306667 27.306667 0 1 1 0-54.613333h679.492267a54.408533 54.408533 0 0 1 54.493866 54.3232v594.500267a54.408533 54.408533 0 0 1-54.493866 54.3232H180.7872A54.408533 54.408533 0 0 1 126.293333 792.183467V387.976533a27.306667 27.306667 0 1 1 54.613334 0V791.893333h679.253333V197.973333z" fill="#2C6EFF" p-id="10347"></path><path d="M466.176 380.381867a27.306667 27.306667 0 1 1 0-54.613334h298.973867a27.306667 27.306667 0 1 1 0 54.613334H466.176zM588.475733 528.9984a27.306667 27.306667 0 1 1 0-54.613333h171.963734a27.306667 27.306667 0 1 1 0 54.613333H588.475733z" fill="#FFA200" p-id="10348"></path></svg></a></div></div><a href="javascript:;" class="action action-favorite signin-loader" data-pid="39681"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-favorite"></use></svg><text>collect<count>0</count></text></a></div>    </div>
</article>    <div class="article-author article-author zib-widget relative">
                <ul class="list-inline avatar-info radius8">
            <li>
                <div class="avatar-img avatar-lg"><img alt="Faint long flow的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
            </li>
            <li>
                <dl>
                                            <dt class="avatar-name clearfix">
                            <a href="https://www.tumi.net/author/3859">Faint long flow</a><a href="javascript:;" class="focus-color em09 ml10 follow signin-loader" data-pid="3859"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a>                        </dt>
                                                                                        <dt class="author-tag">
                            <a class="but c-blue tag-posts" data-toggle="tooltip" title="View more articles" href="https://www.tumi.net/author/3859"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-post"></use></svg>4</a>                        </dt>
                                                                <dt class="author-desc muted-3-color em09">
                            The guy is lazy and doesn't write anything..                        </dt>
                                                        </dl>
            </li>
        </ul>
        <ul class="swiper-container more-posts swiper-scroll"><div class="swiper-wrapper"><div class="swiper-slide mr10"><a href="https://www.tumi.net/front-end/css/12202.html"><div class="graphic hover-zoom-img  style-3" style="padding-bottom: 70%!important;"><img class="lazyload fit-cover"  alt="Tumi-How to use Jade to take the blog content in node.js and generate a static HTML file" data-src="https://img.tumi.net/wp-content/uploads/2021/09/20210908170154-6138ec82739ce.jpg" src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg"><div class="abs-center left-bottom graphic-text text-ellipsis">How to use Jade to take the blog content in node.js and generate a static HTML file</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">How to use Jade to take the blog content in node.js and generate...</div><div class="px12 opacity8 mt6"><item>41 day ago</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 0</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.tumi.net/front-end/css/13418.html"><div class="graphic hover-zoom-img  style-3" style="padding-bottom: 70%!important;"><img class="lazyload fit-cover"  alt="Tumi-Example analysis of HTML5 + Canvas Convolutionary Nuclear Image Processing" data-src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg"><div class="abs-center left-bottom graphic-text text-ellipsis">Example analysis of HTML5 + Canvas Convolutionary Nuclear Image Processing</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">Example analysis of HTML5 + Canvas Convolutionary Nuclear Image ...</div><div class="px12 opacity8 mt6"><item>41 day ago</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 0</item></div></div></div></a></div><div class="swiper-slide mr10"><a href="https://www.tumi.net/front-end/css/18373.html"><div class="graphic hover-zoom-img  style-3" style="padding-bottom: 70%!important;"><img class="lazyload fit-cover"  alt="Tumi-How JavaScript gets DOM elements" data-src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg"><div class="abs-center left-bottom graphic-text text-ellipsis">How JavaScript gets DOM elements</div><div class="abs-center left-bottom graphic-text"><div class="em09 opacity8">How JavaScript gets DOM elements</div><div class="px12 opacity8 mt6"><item>40 day ago</item><item class="pull-right"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg> 0</item></div></div></div></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></ul>    </div>
    <div class="theme-box" style="height:99px">
        <nav class="article-nav">
            <div class="main-bg box-body radius8 main-shadow">
                <a href="https://www.tumi.net/front-end/css/39678.html">
                    <p class="muted-2-color"><i class="fa fa-angle-left em12"></i><i class="fa fa-angle-left em12 mr6"></i>Previous</p>
                    <div class="text-ellipsis-2">
                        How to use local storage for local storage in H5                    </div>
                </a>
            </div>
            <div class="main-bg box-body radius8 main-shadow">
                <a href="https://www.tumi.net/front-end/css/39683.html">
                    <p class="muted-2-color">Next<i class="fa fa-angle-right em12 ml6"></i><i class="fa fa-angle-right em12"></i></p>
                    <div class="text-ellipsis-2">
                        How to use HTML5 geographic positioning                    </div>
                </a>
            </div>
        </nav>
    </div>
<div class="theme-box relates">
            <div class="box-body notop">
                <div class="title-theme">Relevant recommendations</div>
            </div><div class="zib-widget"><ul class="no-thumb"><div class="posts-mini"><div class="mr10"><div class="item-thumbnail"><a target="_blank" href="https://www.tumi.net/front-end/css/26.html"><img data-thumb="default" src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" alt="CSS background summary-Tumi" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a  target="_blank" href="https://www.tumi.net/front-end/css/26.html">CSS background summary<span class="focus-color"></span></a></h2><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author"><a class="avatar-mini" title="Ami_0fca" href="https://www.tumi.net/author/3"><img alt="Ami_0fca的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a><span class="ml6">46 day ago</span></item><div class="meta-right"><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>19</item></div></div></div></div><div class="posts-mini"><div class="mr10"><div class="item-thumbnail"><a target="_blank" href="https://www.tumi.net/front-end/css/53470.html"><img src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://img.tumi.net/wp-content/uploads/2021/09/20210912085241-613dbfd979906.jpg" alt="The JSP page is modified after the browser does not take effect.-Tumi" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a  target="_blank" href="https://www.tumi.net/front-end/css/53470.html">The JSP page is modified after the browser does not take effect.<span class="focus-color"></span></a></h2><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author"><a class="avatar-mini" title="FWefdFGFG" href="https://www.tumi.net/author/8899"><img alt="FWefdFGFG的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a><span class="ml6">37 day ago</span></item><div class="meta-right"><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>18</item></div></div></div></div><div class="posts-mini"><div class="mr10"><div class="item-thumbnail"><a target="_blank" href="https://www.tumi.net/front-end/css/56.html"><img data-thumb="default" src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" alt="How to solve Connection to node -1 could not be established. Broker may not be available during Kafka debugging-Tumi" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a  target="_blank" href="https://www.tumi.net/front-end/css/56.html">How to solve Connection to node -1 could not be established. Broker may not be available during Kafka debugging<span class="focus-color"></span></a></h2><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author"><a class="avatar-mini" title="" href="https://www.tumi.net/author/0"><img alt="的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a><span class="ml6">45 day ago</span></item><div class="meta-right"><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>18</item></div></div></div></div><div class="posts-mini"><div class="mr10"><div class="item-thumbnail"><a target="_blank" href="https://www.tumi.net/front-end/css/66193.html"><img src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://img.tumi.net/wp-content/uploads/2021/09/20210913132627-613f51835859d.jpg" alt="Use float to implement text surround image effect in CSS-Tumi" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a  target="_blank" href="https://www.tumi.net/front-end/css/66193.html">Use float to implement text surround image effect in CSS<span class="focus-color"></span></a></h2><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author"><a class="avatar-mini" title="" href="https://www.tumi.net/author/0"><img alt="的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a><span class="ml6">36 day ago</span></item><div class="meta-right"><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>16</item></div></div></div></div><div class="posts-mini"><div class="mr10"><div class="item-thumbnail"><a target="_blank" href="https://www.tumi.net/front-end/css/73.html"><img src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://img.tumi.net/wp-content/uploads/2021/09/20210904171309-6133a92569c69.jpg" alt="How to convert negative numbers to positive numbers in javascript-Tumi" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a  target="_blank" href="https://www.tumi.net/front-end/css/73.html">How to convert negative numbers to positive numbers in javascript<span class="focus-color"></span></a></h2><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author"><a class="avatar-mini" title="Heart Set_0e03" href="https://www.tumi.net/author/22"><img alt="Heart Set_0e03的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a><span class="ml6">45 day ago</span></item><div class="meta-right"><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>15</item></div></div></div></div><div class="posts-mini"><div class="mr10"><div class="item-thumbnail"><a target="_blank" href="https://www.tumi.net/front-end/css/4307.html"><img data-thumb="default" src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" alt="What are the WebStorm shortcuts under the Mac system?-Tumi" class="lazyload fit-cover radius8"></a></div></div><div class="posts-mini-con flex xx flex1 jsb"><h2 class="item-heading text-ellipsis-2"><a  target="_blank" href="https://www.tumi.net/front-end/css/4307.html">What are the WebStorm shortcuts under the Mac system?<span class="focus-color"></span></a></h2><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author"><a class="avatar-mini" title="Sissa_b5e7" href="https://www.tumi.net/author/1469"><img alt="Sissa_b5e7的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a><span class="ml6">43 day ago</span></item><div class="meta-right"><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>14</item></div></div></div></div></ul></div></div><div class="theme-box" id="comments">
	<div class="box-body notop">
		<div class="title-theme">comment			<small>Grab the couch</small></div>
	</div>

	<div class="no_webshot main-bg theme-box box-body radius8 main-shadow">
									<div class="comment-signarea text-center box-body radius8">
					<h3 class="text-muted em12 theme-box muted-3-color">Please log in to comment</h3>
					<p>
						<a href="javascript:;" class="signin-loader but c-blue padding-lg"><i class="fa fa-fw fa-sign-in mr10" aria-hidden="true"></i>Log in</a>
						<a href="javascript:;" class="signup-loader ml10 but c-yellow padding-lg"><i data-class="icon mr10" data-viewbox="0 0 1024 1024" data-svg="signup" aria-hidden="true"></i>register</a>
					</p>
									</div>
									<div id="postcomments">
			<ol class="commentlist list-unstyled">
							</ol>
		</div>
			</div>
</div>        </div>
    </div>
    <div class="sidebar">
	<div class="posts-nav-box"></div><div class="theme-box"><div class="article-author zib-widget relative"><div class="avatar-img-bg"><img class="lazyload fit-cover" src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://img.tumi.net/wp-content/uploads/2021/09/517f576f077d-1.jpg"></div><ul class="list-inline avatar-info radius8">
            <li><div class="avatar-img avatar-lg"><img class="fit-cover avatar" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png"></div></li><div class="text-center">
            <p class="muted-3-color box-body notop">HI!Sign in</p>
        <p>
            <a href="javascript:;" class="signin-loader but jb-blue padding-lg"><i class="fa fa-fw fa-sign-in mr10"></i>Log in</a>
            <a href="javascript:;" class="signup-loader ml10 but jb-yellow padding-lg"><svg class="icon mr10" aria-hidden="true" data-viewBox="0 0 1024 1024"><use xlink:href="#icon-signup"></use></svg>register</a>
        </p></div></ul></div></div><div class="theme-box"><div class="box-body notop"><div class="title-theme">search</div></div><div class="zib-widget widget-search">    <div class="search-input">
                    <div class="padding-10">
                <form method="get" class="line-form" action="https://www.tumi.net/">
                                        <div class="search-input-text">
                        <input type="text" name="s" class="line-form-input" tabindex="2">
                        <div class="scale-placeholder">Open wonderful search</div>
                    </div>
                    <div class="abs-right muted-color">
                        <button type="submit" tabindex="3" class="null"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-search"></use></svg></button>
                    </div>
                    <i class="line-form-line"></i>
                </form>
            </div>
                                <div class="search-keywords">
                    <p class="muted-color">Popular search</p>
                    <div class="">
                        <a class="search_keywords muted-2-color but em09 mr6 mb6" href="https://www.tumi.net/?s=Java">Java</a><a class="search_keywords muted-2-color but em09 mr6 mb6" href="https://www.tumi.net/?s=java">java</a>                    </div>
                </div>
                            </div>
</div></div><div><div class="zib-widget hot-posts"></div></div><div class="theme-box"><div class="box-body notop"><div class="title-theme">Latest addition</div></div><div class="text-center user_lists zib-widget">
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Hu Kou You Zuo的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19521"><img alt="Hu Kou You Zuo的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19521">Hu Kou You Zuo</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19521"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div>
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Xin Fang Men Shi Tuan Gou Zuo Hai Zhou 185837的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19520"><img alt="Xin Fang Men Shi Tuan Gou Zuo Hai Zhou 185837的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19520">Xin Fang Men Shi Tuan Gou Zuo Hai Zhou 185837</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19520"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div>
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Kun Tai Xue Yi的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19519"><img alt="Kun Tai Xue Yi的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19519">Kun Tai Xue Yi</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19519"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div>
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Xiang Wei Shao La的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19518"><img alt="Xiang Wei Shao La的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19518">Xiang Wei Shao La</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19518"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div>
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Hu Ru Yi Ye Chun Feng Lai的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19517"><img alt="Hu Ru Yi Ye Chun Feng Lai的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19517">Hu Ru Yi Ye Chun Feng Lai</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19517"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div>
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Dong Zuo Shi Man Shang Ke Ji You Xian Gong Si的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19516"><img alt="Dong Zuo Shi Man Shang Ke Ji You Xian Gong Si的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19516">Dong Zuo Shi Man Shang Ke Ji You Xian Gong Si</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19516"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div>
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Xiang Jiao Xiang Jiao Shi Pin的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19515"><img alt="Xiang Jiao Xiang Jiao Shi Pin的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19515">Xiang Jiao Xiang Jiao Shi Pin</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19515"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div>
    <div class="author-minicard radius8 relative-h">
    <div class="absolute blur"><img alt="Ping An Shi Fu _82e4的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></div>
        <ul class="list-inline relative">
            <li><a class="avatar-img" href="https://www.tumi.net/author/19514"><img alt="Ping An Shi Fu _82e4的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-" height="" width=""></a>
            </li>
            <li>
                <dl>
                    <dt><a href="https://www.tumi.net/author/19514">Ping An Shi Fu _82e4</a><a href="javascript:;" class="focus-color px12 ml10 follow signin-loader" data-pid="19514"><count><i class="fa fa-heart-o mr6" aria-hidden="true"></i>focus on</count></a></dt>
                    <dd class="mt6 em09 muted-color text-ellipsis">The guy is lazy and doesn't write anything..</dd>
                </dl>
            </li>
        </ul></div></div></div><div class="theme-box"><div class="box-body notop"><div class="title-theme">Latest comments</div></div><div class="box-body comment-mini-lists zib-widget"><div class="posts-mini"><div class="avatar-img"><img alt="OneONTHREE的头像-Tumi" src="https://www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" data-src="//www.tumi.net/wp-content/uploads/2021/09/c8dda0be1f32-1.png" class="lazyload avatar avatar-22" height="22" width="22"></div><div class="posts-mini-con em09 ml10 flex xx jsb"><p class="flex jsb"><span>A WordPress Commenter<span class="icon-spot muted-3-color" title="2021-09-02 09:54:51">47 day ago</span></span><span><a href="javascript:;" data-action="comment_like" class="action action-comment-like pull-right muted-2-color" data-pid="1"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg><text></text><count>1</count></a></span></p><a class="muted-color text-ellipsis-5" href="https://www.tumi.net/uncategorized/1.html#comment-1">Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from <a href="https://gravatar.com">Gravatar</a>.</a></div></div></div></div><div class="zib-widget widget_tag_cloud"><h3>Tags</h3><div class="tagcloud"><a href="https://www.tumi.net/tag/45" class="tag-cloud-link tag-link-45 tag-link-position-1" style="font-size: 10.760563380282pt;" aria-label="Array (1,375 items)">Array</a>
<a href="https://www.tumi.net/tag/100" class="tag-cloud-link tag-link-100 tag-link-position-2" style="font-size: 14.704225352113pt;" aria-label="attribute (2,173 items)">attribute</a>
<a href="https://www.tumi.net/tag/467" class="tag-cloud-link tag-link-467 tag-link-position-3" style="font-size: 14.901408450704pt;" aria-label="block (2,253 items)">block</a>
<a href="https://www.tumi.net/tag/4160" class="tag-cloud-link tag-link-4160 tag-link-position-4" style="font-size: 15.098591549296pt;" aria-label="class (2,275 items)">class</a>
<a href="https://www.tumi.net/tag/67" class="tag-cloud-link tag-link-67 tag-link-position-5" style="font-size: 22pt;" aria-label="code (5,099 items)">code</a>
<a href="https://www.tumi.net/tag/71" class="tag-cloud-link tag-link-71 tag-link-position-6" style="font-size: 13.12676056338pt;" aria-label="Components (1,829 items)">Components</a>
<a href="https://www.tumi.net/tag/8" class="tag-cloud-link tag-link-8 tag-link-position-7" style="font-size: 11.746478873239pt;" aria-label="content (1,532 items)">content</a>
<a href="https://www.tumi.net/tag/41" class="tag-cloud-link tag-link-41 tag-link-position-8" style="font-size: 20.816901408451pt;" aria-label="data (4,489 items)">data</a>
<a href="https://www.tumi.net/tag/174" class="tag-cloud-link tag-link-174 tag-link-position-9" style="font-size: 8.9859154929577pt;" aria-label="document (1,127 items)">document</a>
<a href="https://www.tumi.net/tag/190" class="tag-cloud-link tag-link-190 tag-link-position-10" style="font-size: 10.366197183099pt;" aria-label="effect (1,320 items)">effect</a>
<a href="https://www.tumi.net/tag/13" class="tag-cloud-link tag-link-13 tag-link-position-11" style="font-size: 16.87323943662pt;" aria-label="element (2,815 items)">element</a>
<a href="https://www.tumi.net/tag/6511" class="tag-cloud-link tag-link-6511 tag-link-position-12" style="font-size: 14.112676056338pt;" aria-label="Enlighter (2,040 items)">Enlighter</a>
<a href="https://www.tumi.net/tag/177" class="tag-cloud-link tag-link-177 tag-link-position-13" style="font-size: 8.1971830985915pt;" aria-label="example (1,025 items)">example</a>
<a href="https://www.tumi.net/tag/234" class="tag-cloud-link tag-link-234 tag-link-position-14" style="font-size: 12.338028169014pt;" aria-label="File (1,675 items)">File</a>
<a href="https://www.tumi.net/tag/246" class="tag-cloud-link tag-link-246 tag-link-position-15" style="font-size: 8.3943661971831pt;" aria-label="Form (1,038 items)">Form</a>
<a href="https://www.tumi.net/tag/44" class="tag-cloud-link tag-link-44 tag-link-position-16" style="font-size: 17.661971830986pt;" aria-label="function (3,122 items)">function</a>
<a href="https://www.tumi.net/tag/110" class="tag-cloud-link tag-link-110 tag-link-position-17" style="font-size: 9.9718309859155pt;" aria-label="functions (1,251 items)">functions</a>
<a href="https://www.tumi.net/tag/6278" class="tag-cloud-link tag-link-6278 tag-link-position-18" style="font-size: 15.887323943662pt;" aria-label="generic (2,490 items)">generic</a>
<a href="https://www.tumi.net/tag/6159" class="tag-cloud-link tag-link-6159 tag-link-position-19" style="font-size: 15.492957746479pt;" aria-label="GL (2,423 items)">GL</a>
<a href="https://www.tumi.net/tag/277" class="tag-cloud-link tag-link-277 tag-link-position-20" style="font-size: 15.887323943662pt;" aria-label="Group (2,513 items)">Group</a>
<a href="https://www.tumi.net/tag/6308" class="tag-cloud-link tag-link-6308 tag-link-position-21" style="font-size: 12.929577464789pt;" aria-label="GT (1,758 items)">GT</a>
<a href="https://www.tumi.net/tag/2139" class="tag-cloud-link tag-link-2139 tag-link-position-22" style="font-size: 15.69014084507pt;" aria-label="Highlight (2,469 items)">Highlight</a>
<a href="https://www.tumi.net/tag/6567" class="tag-cloud-link tag-link-6567 tag-link-position-23" style="font-size: 9.7746478873239pt;" aria-label="HTML (1,235 items)">HTML</a>
<a href="https://www.tumi.net/tag/108" class="tag-cloud-link tag-link-108 tag-link-position-24" style="font-size: 10.56338028169pt;" aria-label="label (1,354 items)">label</a>
<a href="https://www.tumi.net/tag/204" class="tag-cloud-link tag-link-204 tag-link-position-25" style="font-size: 16.676056338028pt;" aria-label="language (2,747 items)">language</a>
<a href="https://www.tumi.net/tag/5024" class="tag-cloud-link tag-link-5024 tag-link-position-26" style="font-size: 15.69014084507pt;" aria-label="linenumbers (2,433 items)">linenumbers</a>
<a href="https://www.tumi.net/tag/6402" class="tag-cloud-link tag-link-6402 tag-link-position-27" style="font-size: 15.69014084507pt;" aria-label="LINEOFFSET (2,438 items)">LINEOFFSET</a>
<a href="https://www.tumi.net/tag/4749" class="tag-cloud-link tag-link-4749 tag-link-position-28" style="font-size: 12.338028169014pt;" aria-label="LT (1,676 items)">LT</a>
<a href="https://www.tumi.net/tag/42" class="tag-cloud-link tag-link-42 tag-link-position-29" style="font-size: 19.43661971831pt;" aria-label="method (3,761 items)">method</a>
<a href="https://www.tumi.net/tag/5766" class="tag-cloud-link tag-link-5766 tag-link-position-30" style="font-size: 12.535211267606pt;" aria-label="NBSP (1,685 items)">NBSP</a>
<a href="https://www.tumi.net/tag/39" class="tag-cloud-link tag-link-39 tag-link-position-31" style="font-size: 12.732394366197pt;" aria-label="object (1,743 items)">object</a>
<a href="https://www.tumi.net/tag/178" class="tag-cloud-link tag-link-178 tag-link-position-32" style="font-size: 14.704225352113pt;" aria-label="page (2,175 items)">page</a>
<a href="https://www.tumi.net/tag/6104" class="tag-cloud-link tag-link-6104 tag-link-position-33" style="font-size: 14.30985915493pt;" aria-label="Pre (2,108 items)">Pre</a>
<a href="https://www.tumi.net/tag/6318" class="tag-cloud-link tag-link-6318 tag-link-position-34" style="font-size: 9.7746478873239pt;" aria-label="Quot (1,223 items)">Quot</a>
<a href="https://www.tumi.net/tag/6093" class="tag-cloud-link tag-link-6093 tag-link-position-35" style="font-size: 8pt;" aria-label="src (999 items)">src</a>
<a href="https://www.tumi.net/tag/154" class="tag-cloud-link tag-link-154 tag-link-position-36" style="font-size: 8pt;" aria-label="String (1,001 items)">String</a>
<a href="https://www.tumi.net/tag/196" class="tag-cloud-link tag-link-196 tag-link-position-37" style="font-size: 13.12676056338pt;" aria-label="style (1,823 items)">style</a>
<a href="https://www.tumi.net/tag/373" class="tag-cloud-link tag-link-373 tag-link-position-38" style="font-size: 12.140845070423pt;" aria-label="text (1,608 items)">text</a>
<a href="https://www.tumi.net/tag/664" class="tag-cloud-link tag-link-664 tag-link-position-39" style="font-size: 15.887323943662pt;" aria-label="Theme (2,517 items)">Theme</a>
<a href="https://www.tumi.net/tag/20" class="tag-cloud-link tag-link-20 tag-link-position-40" style="font-size: 18.253521126761pt;" aria-label="this article (3,335 items)">this article</a>
<a href="https://www.tumi.net/tag/1178" class="tag-cloud-link tag-link-1178 tag-link-position-41" style="font-size: 16.281690140845pt;" aria-label="Title (2,619 items)">Title</a>
<a href="https://www.tumi.net/tag/37" class="tag-cloud-link tag-link-37 tag-link-position-42" style="font-size: 9.9718309859155pt;" aria-label="type (1,258 items)">type</a>
<a href="https://www.tumi.net/tag/457" class="tag-cloud-link tag-link-457 tag-link-position-43" style="font-size: 8.1971830985915pt;" aria-label="upload (1,030 items)">upload</a>
<a href="https://www.tumi.net/tag/6512" class="tag-cloud-link tag-link-6512 tag-link-position-44" style="font-size: 14.112676056338pt;" aria-label="WP (2,035 items)">WP</a>
<a href="https://www.tumi.net/tag/7110" class="tag-cloud-link tag-link-7110 tag-link-position-45" style="font-size: 13.915492957746pt;" aria-label="Zibllblock (2,016 items)">Zibllblock</a></div>
</div></div>
</main>
<div class="container fluid-widget"></div><footer class="footer">
		<div class="container-fluid container-footer">
		<ul class="list-inline"><li class="hidden-xs" style="max-width: 300px;"><p><a class="footer-logo" href="https://www.tumi.net" title="Tumi CSS Java Python PHP JS Development Language Tutorial Network">
                    <img src="https://www.tumi.net/wp-content/themes/zibll/img/thumbnail-sm.svg" data-src="https://img.tumi.net/wp-content/uploads/2021/09/550a141f12de.png" switch-src="https://img.tumi.net/wp-content/uploads/2021/09/550a141f12de.png" alt="Tumi CSS Java Python PHP JS Development Language Tutorial Network" class="lazyload" height="40">
                </a></p><div class="footer-muted em09">Hello friends, welcome to Tumi Computer Tutorial Network, I hope you can learn more knowledge here!</div></li><li style="max-width: 550px;"><p class="fcode-links"><a href="https://www.tumi.net/">Friendship</a>
<a href="https://www.tumi.net/">statement</a>
<a href="https://www.tumi.net/">advertise</a>
<a href="https://www.tumi.net/">about us</a></p><div class="footer-muted em09">Copyright © 2021 · <a href="https://www.tumi.net">Tumi</a> · <a target="_blank" href="https://www.tumi.net/">Come post your article.</a></div><div class="footer-contact mt10 hidden-xs"><a class="toggle-radius" data-toggle="tooltip" title="微博" href="https://www.tumi.net/"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-d-weibo"></use></svg></a><a class="toggle-radius" data-toggle="tooltip" title="发邮件" href="mailto:mail@tumi.net"><svg class="icon" aria-hidden="true" data-viewBox="-20 80 1024 1024"><use xlink:href="#icon-d-email"></use></svg></a></div></li><li class="hidden-xs"></li></ul>	</div>
</footer>
    <script type="text/javascript">
        window._win = {
            views: '39681',
            www: 'https://www.tumi.net',
            uri: 'https://www.tumi.net/wp-content/themes/zibll',
            ver: '5.7',
            imgbox: '1',
            imgbox_type: 'group',
            imgbox_thumbs: '1',
            imgbox_zoom: '1',
            imgbox_play: '1',
            imgbox_down: '1',
            sign_type: 'modal',
            signin_url: 'https://www.tumi.net/user-sign?tab=signin&redirect_to=https://www.tumi.net/front-end/css/39681.html',
            signup_url: 'https://www.tumi.net/user-sign?tab=signup&redirect_to=https://www.tumi.net/front-end/css/39681.html',
            ajax_url: 'https://www.tumi.net/wp-admin/admin-ajax.php',
            ajaxpager: '',
            ajax_trigger: '<i class="fa fa-angle-right"></i>load more',
            ajax_nomore: 'No more content',
            qj_loading: '',
            highlight_kg: '1',
            highlight_hh: '',
            highlight_btn: '1',
            highlight_zt: 'dracula',
            highlight_white_zt: 'dracula',
            highlight_dark_zt: 'dracula',
            up_max_size: '5',
            comment_upload_img: ''
        }
    </script>
<div class="float-right round position-bottom"><a class="float-btn ontop fade" data-toggle="tooltip" data-placement="left" title="Back to top" href="javascript:(scrollTo());"><i class="fa fa-angle-up em12"></i></a></div>    <div class="modal fade" id="u_sign" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="sign-content">
                                <div class="sign zib-widget blur-bg relative">
                    <button class="close" data-dismiss="modal">
                        <svg class="ic-close" aria-hidden="true" data-viewBox="0 0 1024 1024"><use xlink:href="#icon-close"></use></svg>                    </button>
                                        <div class="tab-content"><div class="tab-pane fade active in" id="tab-sign-in"><div class="box-body"><div class="title-h-left fa-2x">Log in</div><a class="muted-color px12" href="#tab-sign-up" data-toggle="tab">no account? Register now</a></div><div id="sign-in"><form><div class="relative line-form mb10"><input type="text" name="username" class="line-form-input" tabindex="1" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">username or email address</div></div><div class="relative line-form mb10"><input type="password" name="password" class="line-form-input" tabindex="2" placeholder=""><div class="scale-placeholder">Log in password</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><div class="relative line-form mb10 em09"><span class="muted-color form-checkbox"><input type="checkbox" id="remember" checked="checked" tabindex="4" name="remember" value="forever"><label for="remember">Remember to log in</label></span><span class="pull-right muted-2-color"><a class="muted-2-color" href="https://www.tumi.net/user-sign?tab=resetpassword&redirect_to=https://www.tumi.net/front-end/css/39681.html">Retrieve</a></span></div><div class="box-body"><input type="hidden" name="action" value="user_signin"><button type="button" class="but radius jb-blue padding-lg signsubmit-loader btn-block"><i class="fa fa-sign-in mr10"></i>Log in</button></div></form></div></div><div class="tab-pane fade" id="tab-sign-up"><div class="box-body"><div class="title-h-left fa-2x">register</div><a class="muted-color px12" href="#tab-sign-in" data-toggle="tab">Already have an account, log in now</a></div><form id="sign-up"><div class="relative line-form mb10"><input type="text" name="name" class="line-form-input" tabindex="1" placeholder=""><i class="line-form-line"></i><div class="scale-placeholder">Set username</div></div><div class="relative line-form mb10"><input type="password" name="password2" class="line-form-input" tabindex="3" placeholder=""><div class="scale-placeholder">set password</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><div class="relative line-form mb10"><input type="password" name="repassword" class="line-form-input" tabindex="4" placeholder=""><div class="scale-placeholder">Repeat password</div><div class="abs-right passw muted-2-color"><i class="fa-fw fa fa-eye"></i></div><i class="line-form-line"></i></div><div class="box-body"><input type="hidden" name="action" value="user_signup"><button type="button" class="but radius jb-green padding-lg signsubmit-loader btn-block"><svg class="icon mr10" aria-hidden="true" data-viewBox="0 0 1024 1024"><use xlink:href="#icon-signup"></use></svg>register</button></div></form></div><li class="hide"><a href="#tab-slidercaptcha" data-toggle="tab"></a></li><div class="tab-pane fade slidercaptcha-tab" id="tab-slidercaptcha"><div style="width: 270px;margin: auto;margin-bottom: 20px;"><div class="title-h-left fa-2x">安全验证</div><a class="muted-2-color px12 slidercaptcha-back" data-toggle="tab" href="javascript:;" style="display:none;"><i class="fa fa-angle-left mr6"></i><text>返回上一级</text></a></div><div class="slidercaptcha"><div style="padding: 10px;"><p class="placeholder" style="height: 135px;"></p><div class="placeholder" style="height: 42px;"></div></div></div><p></p></div></div>                </div>
            </div>
        </div>
    </div>
<div class="modal fade" id="modal_pay" tabindex="-1" role="dialog" aria-hidden="false">
        <div class="modal-dialog" role="document">
            <div class="pay-payment wechat ">
                <div class="modal-body modal-pay-body">
                    <div class="row-5 hide-sm">
                        <img class="pay-sys t-wechat lazyload" data-src="https://www.tumi.net/wp-content/themes/zibll/zibpay/assets/img/alipay-sys.png">
                        <img class="pay-sys t-alipay lazyload" data-src="https://www.tumi.net/wp-content/themes/zibll/zibpay/assets/img/wechat-sys.png">
                    </div>
                    <div class="row-5">
                    <div class="pay-qrcon">
                        <div class="qrcon">
                            <div class="pay-logo-header theme-box"><span class="pay-logo"></span><span class="pay-logo-name t-wechat">支付宝</span><span class="pay-logo-name t-alipay">微信支付</span></div>
                            <div class="pay-title em09 muted-2-color"><i class="placeholder s1" style=" height: 18px; width: 60%; "></i></div>
                            <div><span class="em09">¥</span><span class="pay-price em12"><i class="loading px12"></i></span></div>
                            <div class="pay-qrcode">
                                <img src="https://www.tumi.net/wp-content/themes/zibll/zibpay/assets/img/pay-qrcode.png">
                            </div>
                        </div>
                    <div class="pay-switch"></div>
                    <div class="pay-notice"><div class="notice load">正在生成订单,请稍候</div></div>
                    </div>
				</div>
                </div>
            </div>
        </div>
    </div>		<div class="modal fade" id="modal_poster" tabindex="-1" role="dialog">
			<div class="modal-dialog poster-share" style="max-width:350px;margin: auto;" role="document">
				<div class="modal-body">
					<div class="poster-imgbox hover-show">
						<div class="modal-content poster-loading text-center">
							<div class="loading zts"></div>
							<div class="muted-2-color box-body">Picture is being generated, please wait...</div>
						</div>
						<div class="abs-center hover-show-con text-center">
							<a type="button" href="javascript:;" class="but toggle-radius jb-blue mr10 poster-download" download="poster_39681.png"><i class="fa fa-download" aria-hidden="true"></i></a>
							<button type="button" class="but toggle-radius jb-yellow ml10" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></button>
						</div>
					</div>
					<div data-qrcode="https://www.tumi.net/front-end/css/39681.html" class="qrcode hide"></div>
				</div>
			</div>
		</div>

		<script type="text/javascript">
			window._poster = {
				banner: 'https://img.tumi.net/wp-content/uploads/2021/09/20210911052943-613c3ec75ffd9.jpg',
				banner_default: 'https://www.tumi.net/wp-content/themes/zibll/img/slider-bg.jpg',
				banner_spare: 'https://www.tumi.net/wp-content/themes/zibll/img/share_img.jpg',
				title: 'How to set up H5 form verification failed prompt',
				content: 'How to set the H5 form verification failed prompt? This issue may be often seen in our daily study or work. I hope that you can give you a d...',
				tags: 'author: Faint long flow · Classification: css',
				logo: 'https://www.tumi.net/wp-content/uploads/2021/09/550a141f12de.png',
				description: 'Scan the QR code to read the full text ',
			}
		</script>
<script type='text/javascript' src='https://www.tumi.net/wp-content/themes/zibll/js/libs/bootstrap.min.js?ver=5.7' id='bootstrap-js'></script>
<script type='text/javascript' src='https://www.tumi.net/wp-content/themes/zibll/js/loader.js?ver=5.7' id='_loader-js'></script>
<script type='text/javascript' src='https://www.tumi.net/wp-includes/js/wp-embed.min.js?ver=5.8.1' id='wp-embed-js'></script>
<!--FOOTER_CODE_START-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?bed2082a237c739e58032e3b4e88e653";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<!--FOOTER_CODE_END-->
    <script type="text/javascript">
        console.log("数据库查询:32次 | 页面生成耗时:3852.59ms");
    </script>
<script>
(function(){
var src = "https://s.ssl.qhres2.com/ssl/ab77b6ea7f3fbf79.js";
document.write('<script src="' + src + '" id="sozz"><\/script>');
})();
</script><script>
(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?d5531b49b528dbe8b2f57a174701a0433d613087d49ab0c61b7930438680d8e76394abf61a3b8f1102311c7986709589292fc04764ecfffd17b09d9c8542e72c";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)
</script></body>
</html><!--
Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com

Retrieved 3100 objects (214 KB) from Redis using Predis (v1.1.6).
-->