网页表单设计实例技巧五则（网页设计表单制作实例）-HTML/Xhtml-知优网

1、表单文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到中，一切就会变得简单多了，如：</p></blockquote> <div id="iddahe_com_style_div"><br>1、<a href="https://www.zhiu.cn/tags-12048.html" title="表单" target="_blank" style="color: #4382FF;">表单</a>文本输入的移动选择：在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=<a href="https://www.zhiu.cn/tags-51598.html" title=""" target="_blank" style="color: #4382FF;">"</a>this.focus()" onFocus="this.select()" 代码到 <textarea> 中，一切就会变得简单多了，如： <br><br>以下为引用的内容： <br><textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">请填入你的姓名</textarea> <br>类似的，可以加入代码到<input>。 <br>2、表单输入单元点击删除：本列同上则作用类似，只是使用鼠标上略有变化，需要点击而不像上则的只要鼠标覆盖。如： <br> 以下为引用的内容：<br><br><input type=text name="address" size=19 value="请填入你的邮箱"onFocus="this.value=''"> <br>点击输入单元后，提示信息会删除，是不是很方便。 <br>3、表单输入单元的边框设置：更改传统的表单单元边框，会让你的主页生色不少。如： <br> 以下为引用的内容：<br><br><input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8"> <br>其中"style=***"为左右上下和背景色设置，适用于其它单元。 <br>4、表单输入单元的文字设置：表单中单元的字体是可以修改的，如： <br> 以下为引用的内容：<br><br><input type=text name="address" size=19 value="请填入你的姓名" style=font-family:"verdana";font-size:10px > <br>其中"style=***"为字体和字大小设置。 <br>5、修改表单属性为弹出窗口：大多数表单激活后，会在当前页面中打开，影响正常浏览。不如修改一下，如： <br> 以下为引用的内容：<br><form method=POST action=url target=_blank> <br>其中"target=_blank"为控制在弹出窗口打开。 <span id="art_bot" class="jbTestPos"></span></div> </div> <div id="pay-single-box"></div> <div class="entry-tags"> <a href="https://www.zhiu.cn/tags-16878.html" rel="tag">技巧</a> <a href="https://www.zhiu.cn/tags-39296.html" rel="tag">实例</a> <a href="https://www.zhiu.cn/tags-1108.html" rel="tag">设计</a> <a href="https://www.zhiu.cn/tags-23915.html" rel="tag">网页</a> <a href="https://www.zhiu.cn/tags-51598.html" rel="tag">"</a> <a href="https://www.zhiu.cn/tags-12048.html" rel="tag">表单</a> </div> <div class="article-copyright">转载请说明出处<br><span><a href="https://www.zhiu.cn/">知优网</a> » <a href="https://www.zhiu.cn/66667.html">网页表单设计实例技巧五则（网页设计表单制作实例）</a></span> </div> <div class="site-ads ads-single-footer"></div> <div class="article-footer"> <div class="author-box"> <div class="author-image"> <img alt='admin' data-src='https://www.zhiu.cn/zb_users/avatar/1.png' class='lazyload avatar' src="https://www.zhiu.cn/zb_users/avatar/0.png" height='140' width='140' /> </div> <div class="author-info"> <h4 class="author-name"><a href="https://www.zhiu.cn/author-1.html">admin</a></h4> </div> </div> <div class="xshare"> <span class="xshare-title">分享到：</span> <a href="http://connect.qq.com/widget/shareqq/index.html?url=https://www.zhiu.cn/66667.html&title=网页表单设计实例技巧五则（网页设计表单制作实例）" target="_blank" class="share-qq"><i class="fa fa-qq"></i></a> <a href="http://service.weibo.com/share/share.php?url=https://www.zhiu.cn/66667.html&title=网页表单设计实例技巧五则（网页设计表单制作实例）&appkey=&pic=&searchPic=true" target="_blank" class="share-weibo"><i class="fa fa-weibo"></i></a> <a href="javascript:;" class="btn-bigger-cover share-weixin" id="bigger-cover" data-id="66667"><i class="fa fa-paper-plane"></i></a> </div> </div> </div> </article> <div class="entry-navigation"> <nav class="article-nav"> <span class="article-nav-prev">上一篇<br><a href="https://www.zhiu.cn/66662.html" rel="prev">英文:A链接标记ie下会自动补全href</a></span> <span class="article-nav-next">下一篇<br><a href="https://www.zhiu.cn/66663.html" rel="next">W3C教程(7):W3C XSL 活动</a></span> </nav> </div> <div class="related-posts"> <h3>相关推荐</h3> <div class="row"> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/197395.html">今日头条实训课程：带你深度揭秘平台运营技巧（今日头条内容营销实践）</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/197393.html">今日头条营销攻略：带你精准掌握广告投放技巧（今日头条广告投放策略）</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/197391.html">掌握好头条号文章内容的配图技巧，让你文章的点击率持续上升！</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/197389.html">今日头条运营技巧大揭秘：搞懂商业逻辑，玩转各种套路（今日头条的商业逻辑）</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/197361.html">PHP仿知乎问答社区响应式设计程序源码限制带打赏功能</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/197032.html">可运营版多坐席定制客服聊天系统源码下载自适应网页+原生app（商城多坐席客服系统）</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/196684.html">今日头条有效引流新技巧：九步走快速掌握涨粉秘诀（如何让今日头条快速涨粉）</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/196683.html">今日头条进阶课程：带你准确掌握引流运营新技巧（今日头条怎么推广引流在哪学）</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/196681.html">今日头条爆款训练营：掌握配图技巧，暴增点击率（今日头条的训练营）</a></li> </article> </div> <div class="col-lg-6"> <article class="post"> <li><a href="https://www.zhiu.cn/196668.html">今日头条爆款训练营：掌握配图技巧，暴增点击率（今日头条的训练营）</a></li> </article> </div> </div> </div> <div class="bottom-area"> <div id="comments" class="comments-area"> <ol class="comment-list"> <label id="AjaxCommentEnd"></label> <label id="AjaxCommentBegin"></label> </ol> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表评论 <small><a rel="nofollow" id="cancel-comment-reply-link" href="javascript:;" style="display:none;" title="取消回复"></a></small></h3> <form action="https://www.zhiu.cn/zb_system/cmd.php?act=cmt&postid=66667&key=060fe865808bde855bc03e31b93f5001" method="post" id="frmSumbit" class="comment-form" novalidate=""> <p class="nice-tips">您需要<a href="javascript:;" class="login-btn nice-color"><u>登录</u></a>后才能发表评论</p> <p><input type="text" name="inpVerify" id="inpVerify" class="text" value="" size="28" tabindex="4" /> <label for="inpVerify">验证码(*)</label><img style="width:90px;height:30px;cursor:pointer;" src="https://www.zhiu.cn/zb_system/script/c_validcode.php?id=cmt" alt="" title="" onclick="javascript:this.src='https://www.zhiu.cn/zb_system/script/c_validcode.php?id=cmt&tm='+Math.random();"/></p> </form> </div>  </div> </div> </main> </div> </div> <div class="sidebar-column col-lg-3"> <aside class="widget-area">  <div id="sidebarad" class="widget widget-adss" style="display:none"> <div class="adsbg"> <a class="asr" href="https://www.zhiu.cn/99425.html" target="_blank" style="background-color:#6e4ff6"> <h4>特价VIP 一年仅需99元 VIP免费下载</h4> <h5>开通SVIP永久299元</h5> <span class="btn btn-outline">立即开通</span> </a> </div> </div>  <div id="relatedpost" class="widget cao-widget-posts"> <h5 class="widget-title">相关内容</h5> <div class="posts"> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/183518.html" target="_blank"> <img class="lazyload" data-src="https://img.zhiu.cn/zhiu/2d71f2f78dd3bda7690e20db115ab381.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="设计IoT数据可视化的3个优秀实践（数据可视化与智能设计）"> </a> </div> </div> <a href="https://www.zhiu.cn/183518.html" rel="bookmark">设计IoT数据可视化的3个优秀实践（数据可视化与智能设计）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/173294.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/09/202209042342_1167.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="织梦cms模板黑白装修设计网站源码[自适应手机版]（织梦cms怎么搭建网站）"> </a> </div> </div> <a href="https://www.zhiu.cn/173294.html" rel="bookmark">织梦cms模板黑白装修设计网站源码[自适应手机版]（织梦cms怎么搭建网站）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/197393.html" target="_blank"> <img class="lazyload" data-src="https://img.workcms.cn/workcms/2022/09/202209244232_6998.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="今日头条营销攻略：带你精准掌握广告投放技巧（今日头条广告投放策略）"> </a> </div> </div> <a href="https://www.zhiu.cn/197393.html" rel="bookmark">今日头条营销攻略：带你精准掌握广告投放技巧（今日头条广告投放策略）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/197395.html" target="_blank"> <img class="lazyload" data-src="https://img.workcms.cn/workcms/2022/09/202209249719_8666.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="今日头条实训课程：带你深度揭秘平台运营技巧（今日头条内容营销实践）"> </a> </div> </div> <a href="https://www.zhiu.cn/197395.html" rel="bookmark">今日头条实训课程：带你深度揭秘平台运营技巧（今日头条内容营销实践）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/171738.html" target="_blank"> <img class="lazyload" data-src="https://www.zhiu.cn/zb_users/upload/ZBlogSeoAssist/2022/06/2022060309270953656.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="基于嵌入式Linux的磁场测量系统的设计（构建嵌入式linux系统实验）"> </a> </div> </div> <a href="https://www.zhiu.cn/171738.html" rel="bookmark">基于嵌入式Linux的磁场测量系统的设计（构建嵌入式linux系统实验）</a> </div> </div> </div>  <div id="divPrevious" class="widget cao-widget-posts"> <h5 class="widget-title">最近发表</h5> <div class="posts"> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198209.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210145530_9213.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="自动建站一键极速建站云建站系统源码云端模版（最新一键自助建站程序源码）"> </a> </div> </div> <a href="https://www.zhiu.cn/198209.html" rel="bookmark">自动建站一键极速建站云建站系统源码云端模版（最新一键自助建站程序源码）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198208.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210149183_249.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="表白墙吐槽墙心愿墙微信留言板程序源码（表白墙发帖）"> </a> </div> </div> <a href="https://www.zhiu.cn/198208.html" rel="bookmark">表白墙吐槽墙心愿墙微信留言板程序源码（表白墙发帖）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198191.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210141453_6625.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Mibew Messenger开源在线客服系统源码v3.1.0 中文版"> </a> </div> </div> <a href="https://www.zhiu.cn/198191.html" rel="bookmark">Mibew Messenger开源在线客服系统源码v3.1.0 中文版</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198169.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210148719_2217.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="赚qian软件下载站积分墙源码带完整数据（积分赚钱软件下载）"> </a> </div> </div> <a href="https://www.zhiu.cn/198169.html" rel="bookmark">赚qian软件下载站积分墙源码带完整数据（积分赚钱软件下载）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198151.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210145371_2853.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="最新全开源解密版个人发卡网带三方支付接口（发卡网源码对接码支付）"> </a> </div> </div> <a href="https://www.zhiu.cn/198151.html" rel="bookmark">最新全开源解密版个人发卡网带三方支付接口（发卡网源码对接码支付）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198126.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210143549_1272.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="完整可运营的人人夺宝程序源码"> </a> </div> </div> <a href="https://www.zhiu.cn/198126.html" rel="bookmark">完整可运营的人人夺宝程序源码</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198105.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210142542_1810.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="PHP直销软件会员管理系统9.0版本源码（php 会员管理系统源码）"> </a> </div> </div> <a href="https://www.zhiu.cn/198105.html" rel="bookmark">PHP直销软件会员管理系统9.0版本源码（php 会员管理系统源码）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198054.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210149288_8748.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="全开源版NFine快速开发框架C#源码"> </a> </div> </div> <a href="https://www.zhiu.cn/198054.html" rel="bookmark">全开源版NFine快速开发框架C#源码</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/198003.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210142985_3449.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="PHP新闻文章资讯小偷采集器VIP版源码集广告位"> </a> </div> </div> <a href="https://www.zhiu.cn/198003.html" rel="bookmark">PHP新闻文章资讯小偷采集器VIP版源码集广告位</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/197985.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/10/202210145518_2456.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="JAVA EE MVC架构研发餐饮点餐系统餐饮管理程序源码（javaweb餐饮管理系统源码）"> </a> </div> </div> <a href="https://www.zhiu.cn/197985.html" rel="bookmark">JAVA EE MVC架构研发餐饮点餐系统餐饮管理程序源码（javaweb餐饮管理系统源码）</a> </div> </div> </div>  <div id="hotposts" class="widget cao-widget-posts"> <h5 class="widget-title">热门文章</h5> <div class="posts"> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/91681.html" target="_blank"> <img class="lazyload" data-src="https://www.zhiu.cn/zb_users/upload/ZBlogSeoAssist/2022/06/2022060309270987212.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="银河麒麟操作系统常用问题及解决方法（银河麒麟操作系统常见问题）"> </a> </div> </div> <a href="https://www.zhiu.cn/91681.html" rel="bookmark">银河麒麟操作系统常用问题及解决方法（银河麒麟操作系统常见问题）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/13.html" target="_blank"> <img class="lazyload" data-src="https://img.1ppt.com/uploads/allimg/1705/1_170530142523_1.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="绿色动态扁平化简洁商务PPT模板下载"> </a> </div> </div> <a href="https://www.zhiu.cn/13.html" rel="bookmark">绿色动态扁平化简洁商务PPT模板下载</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/14.html" target="_blank"> <img class="lazyload" data-src="https://img.1ppt.com/uploads/allimg/1706/1_170605101134_1.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="卡通儿童教育年终工作总结暨新年计划PPT模板"> </a> </div> </div> <a href="https://www.zhiu.cn/14.html" rel="bookmark">卡通儿童教育年终工作总结暨新年计划PPT模板</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/86434.html" target="_blank"> <img class="lazyload" data-src="https://img.zhiu.cn/zhiu/2020080308554830.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Win10转移激活授权到新电脑的方法教程（win10激活转移到另一台电脑）"> </a> </div> </div> <a href="https://www.zhiu.cn/86434.html" rel="bookmark">Win10转移激活授权到新电脑的方法教程（win10激活转移到另一台电脑）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/10.html" target="_blank"> <img class="lazyload" data-src="https://img.1ppt.com/uploads/allimg/1706/1_170608100337_1.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="唯美自然风景背景的商务PPT模板下载（简约商务风ppt背景图）(商务风ppt背景图片高清)"> </a> </div> </div> <a href="https://www.zhiu.cn/10.html" rel="bookmark">唯美自然风景背景的商务PPT模板下载（简约商务风ppt背景图）(商务风ppt背景图片高清)</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/150567.html" target="_blank"> <img class="lazyload" data-src="https://img.zhiu.cn/zhiu/6377033710343136246359431.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="风闻苹果将在2022年头推出带有ProMotion高刷的27英寸iMac"> </a> </div> </div> <a href="https://www.zhiu.cn/150567.html" rel="bookmark">风闻苹果将在2022年头推出带有ProMotion高刷的27英寸iMac</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/28219.html" target="_blank"> <img class="lazyload" data-src="https://app-cdn.zblogcn.com/zb_users/upload/2019/04/201904291556521517389428.png-watermark" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Zblog网站导航源码,技术导航,QQ导航高级版（zblog导航网模板）"> </a> </div> </div> <a href="https://www.zhiu.cn/28219.html" rel="bookmark">Zblog网站导航源码,技术导航,QQ导航高级版（zblog导航网模板）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/9.html" target="_blank"> <img class="lazyload" data-src="https://img.1ppt.com/uploads/allimg/1705/1_170531172212_1.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="蓝色唯美星空背景的商业融资计划书PPT模板（蓝色星空文案）"> </a> </div> </div> <a href="https://www.zhiu.cn/9.html" rel="bookmark">蓝色唯美星空背景的商业融资计划书PPT模板（蓝色星空文案）</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/11.html" target="_blank"> <img class="lazyload" data-src="https://img.1ppt.com/uploads/allimg/1705/1_170531155435_1.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="中国古典图案背景PPT模板下载（古典文化ppt背景图片）(古典的ppt背景图片)"> </a> </div> </div> <a href="https://www.zhiu.cn/11.html" rel="bookmark">中国古典图案背景PPT模板下载（古典文化ppt背景图片）(古典的ppt背景图片)</a> </div> <div class="left"> <div class="entry-media"> <div class="placeholder" style="padding-bottom: 66.666666666667%;"> <a href="https://www.zhiu.cn/5.html" target="_blank"> <img class="lazyload" data-src="https://img.66004.cn/zhiu/2022/03/202203015036_5821.gif" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="DEDECMS相关文章不相关的解决办法"> </a> </div> </div> <a href="https://www.zhiu.cn/5.html" rel="bookmark">DEDECMS相关文章不相关的解决办法</a> </div> </div> </div>  <div id="divTags" class="widget widget_tag_cloud"> <h5 class="widget-title">标签列表</h5> <div class="tagcloud"> <a href="https://www.zhiu.cn/tags-1067.html" target="_blank" title="5905">模板下载</a> <a href="https://www.zhiu.cn/tags-1105.html" target="_blank" title="3186">企业</a> <a href="https://www.zhiu.cn/tags-4703.html" target="_blank" title="12829">网页模板</a> <a href="https://www.zhiu.cn/tags-4729.html" target="_blank" title="3129">公司</a> <a href="https://www.zhiu.cn/tags-5754.html" target="_blank" title="7609">模板</a> <a href="https://www.zhiu.cn/tags-11759.html" target="_blank" title="7268">网站</a> <a href="https://www.zhiu.cn/tags-14316.html" target="_blank" title="3890">类</a> <a href="https://www.zhiu.cn/tags-23758.html" target="_blank" title="5494">源码</a> <a href="https://www.zhiu.cn/tags-23801.html" target="_blank" title="5752">word</a> <a href="https://www.zhiu.cn/tags-24024.html" target="_blank" title="2698">苹果</a> <a href="https://www.zhiu.cn/tags-24418.html" target="_blank" title="4809">响应式</a> <a href="https://www.zhiu.cn/tags-24704.html" target="_blank" title="3021">Linux</a> <a href="https://www.zhiu.cn/tags-25516.html" target="_blank" title="2595">python</a> <a href="https://www.zhiu.cn/tags-26109.html" target="_blank" title="2755">Discuz插件</a> <a href="https://www.zhiu.cn/tags-26276.html" target="_blank" title="6958">手机</a> <a href="https://www.zhiu.cn/tags-26526.html" target="_blank" title="5847">梦</a> <a href="https://www.zhiu.cn/tags-30550.html" target="_blank" title="2492">Python</a> <a href="https://www.zhiu.cn/tags-35802.html" target="_blank" title="10987">脚本之家</a> <a href="https://www.zhiu.cn/tags-43500.html" target="_blank" title="4272">人工智能</a> <a href="https://www.zhiu.cn/tags-80107.html" target="_blank" title="3350">带</a> <a href="https://www.zhiu.cn/tags-84159.html" target="_blank" title="5856">织</a> <a href="https://www.zhiu.cn/tags-85055.html" target="_blank" title="2567">自</a> <a href="https://www.zhiu.cn/tags-85056.html" target="_blank" title="2548">适应</a> <a href="https://www.zhiu.cn/tags-86012.html" target="_blank" title="3327">端</a> <a href="https://www.zhiu.cn/tags-87151.html" target="_blank" title="5737">word文档模板</a> </div> </div> </aside> </div> </div> </div> </div>  <script type="text/javascript" src="https://www.zhiu.cn/count.php?act=count_hits&id=66667"></script> <div class="module parallax" style="display:none"> <img class="jarallax-img lazyload" data-srcset="https://www.zhiu.cn/zb_users/theme/Nice/style/img/shape.png" data-sizes="auto" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""> <div class="container"> <h4 class='entry-title' data-aos='fade-up'>一个令你着迷的主题！</h4> <a target='_blank' class='button' data-aos='fade-right' href=''><i class='fa fa-heartbeat'></i> 查看演示</a> <a target='_blank' class='button transparent' data-aos='fade-left' href=''><i class='fa fa-qq'></i> 官网购买</a> </div> </div> <footer class="site-footer"> <div class="container"> <div class="footer-widget"> <div class="row"> <div class="col-xs-12 col-sm-6 col-md-3 widget--about"> <div class="widget--content"> <div class="footer--logo mb-20"> <img class="tap-logo" src="https://img.66004.cn/zhiu/2022/03/202203152529_3239.png" alt="知优网"> </div> <p class="mb-10"></p> </div> </div>  <div class="col-xs-12 col-sm-3 col-md-2 col-md-offset-1 widget--links"> <div class="widget--title"> <h5>本站导航</h5> </div> <div class="widget--content"> <ul class="list-unstyled mb-0"> <li><a href=''>关于我们</a></li> <li><a href=''>充值说明</a></li> <li><a href=''>下载说明</a></li> </ul> </div> </div>  <div class="col-xs-12 col-sm-3 col-md-2 widget--links"> <div class="widget--title"> <h5>更多介绍</h5> </div> <div class="widget--content"> <ul class="list-unstyled mb-0"> <li><a href=''>隐私协议</a></li> <li><a href=''>权限说明</a></li> <li><a href=''>账户中心</a></li> </ul> </div> </div>  <div class="col-xs-12 col-sm-12 col-md-4 widget--newsletter"> <div class="widget--title"> <h5>快速搜索</h5> </div> <div class="widget--content"> <form class="newsletter--form mb-30" action="https://www.zhiu.cn/search.php" method="get"> <input type="text" class="form-control" name="q" placeholder="关键词"> <button type="submit"><i class="fa fa-arrow-right"></i></button> </form> <h6></h6> </div> </div> </div> </div> </div> <div class="site-info"><p class="byzblog">Powered By <a href="https://www.zblogcn.com/" title="Z-BlogPHP 1.7.2 Build 173030" target="_blank" rel="noopener norefferrer">Z-BlogPHP 1.7.2</a></p></div> </footer> <div class="rollbar"> <div class="rollbar-item" etap="to_top"><i class="fa fa-angle-up"></i></div> </div> <div class="dimmer"></div> <script type="text/html" id="popup-signup" class="popup-signup fade"> <div class="register-login-modal" role="document"> <div class="modal-content"> <div class="modal-body">  <ul class="nav nav-tabs"> <li class="active"><a href="#login" data-toggle="login">登录</a></li>  <li><a href="#autologin" data-toggle="autologin">自动登录</a></li> </ul>  <div class="tab-content"> <div class="tab-pane fade in active" id="login"> <div class="open-oauth text-center"><a href="https://www.zhiu.cn/zb_system/cmd.php?act=nice.oauth.qq" class="btn btn-qq"><i class="fa fa-qq"></i></a><a href="https://www.zhiu.cn/zb_system/cmd.php?act=nice.oauth.weixin" class="btn btn-weixin"><i class="fa fa-weixin"></i></a><a href="https://www.zhiu.cn/zb_system/cmd.php?act=nice.oauth.weibo" class="btn btn-weibo"><i class="fa fa-weibo"></i></a></div><div class="or-text"><span>or</span></div> <div class="signup-form-container text-center"> <form class="mb-0 go-login"> <div class="form-group"> <input type="text" class="form-control" name="username" required="" placeholder="*用户名或邮箱"> </div> <div class="form-group"> <input type="password" class="form-control" name="password" required="" placeholder="*密码"> </div> <div class="form-group verify-code"> <input type="text" class="form-control" name="verify" required="" placeholder="*验证码"> <img src="https://www.zhiu.cn/zb_system/script/c_validcode.php?id=login" onclick="javascript:this.src+='&tm='+Math.random();"> </div> <div class="form-group savedate"> <label><input type="checkbox" class="form-control" name="savedate" value="365">保持登录</label> </div> <button type="submit" class="btn btn--primary btn--block"><i class="fa fa-bullseye"></i> 安全登录</button> <a class="forget-password go-getpw" href="javascript:(function(){$('[data-toggle=autologin]').click()})()">忘记密码?</a> </form>  </div>  </div> <div class="tab-pane fade in" id="signup"> <div class="open-oauth text-center"><a href="https://www.zhiu.cn/zb_system/cmd.php?act=nice.oauth.qq" class="btn btn-qq"><i class="fa fa-qq"></i></a><a href="https://www.zhiu.cn/zb_system/cmd.php?act=nice.oauth.weixin" class="btn btn-weixin"><i class="fa fa-weixin"></i></a><a href="https://www.zhiu.cn/zb_system/cmd.php?act=nice.oauth.weibo" class="btn btn-weibo"><i class="fa fa-weibo"></i></a></div><div class="or-text"><span>or</span></div> <form class="mb-0 go-register" method="post"> <div class="form-group"> <input type="text" class="form-control" name="Name" required="" placeholder="输入英文用户名"> </div>  <div class="form-group"> <input type="email" class="form-control" name="Email" required="" placeholder="绑定邮箱"> </div>  <div class="form-group"> <input type="password" class="form-control" name="Password" required="" placeholder="密码最小长度为8"> </div> <div class="form-group"> <input type="password" class="form-control" name="PasswordRe" required="" placeholder="再次输入密码"> </div> <div class="form-group verify-code"> <input type="text" class="form-control" name="verify" required="" placeholder="*验证码"> <img src="https://www.zhiu.cn/zb_system/script/c_validcode.php?id=register" onclick="javascript:this.src+='&tm='+Math.random();"> </div>         <button type="submit" class="btn btn--primary btn--block"><i class="fa fa-bullseye"></i> 立即注册</button> </form>  </div> <div class="tab-pane fade in" id="autologin"> <form class="mb-0 go-autologin" method="post"> <div class="form-group"> <input type="text" class="form-control" name="username" required="" placeholder="*用户名或邮箱"> </div> <div class="form-group verify-code"> <input type="text" class="form-control" name="verify" required="" placeholder="*验证码"> <img src="https://www.zhiu.cn/zb_system/script/c_validcode.php?id=forgetpassword" onclick="javascript:this.src+='&tm='+Math.random();"> </div> <button type="submit" class="btn btn--primary btn--block">提交</button> </form>  </div> </div> </div>  </div>  </div>  </script> <div class="off-canvas"> <div class="canvas-close"><i class="mdi mdi-close"></i> </div> <div class="logo-wrapper"> <a href="https://www.zhiu.cn/"> <img class="logo regular" src="https://img.66004.cn/zhiu/2022/03/202203152529_3239.png" alt="知优网"> </a> </div> <div class="mobile-menu hidden-lg hidden-xl"></div> <aside class="widget-area"></aside> </div> <script type='text/javascript' src='https://www.zhiu.cn/zb_users/theme/Nice/script/plugins.js?ver=3.2.3'></script> <script type='text/javascript' src='https://www.zhiu.cn/zb_users/theme/Nice/script/app.js?ver=3.2.3'></script> <script> (function(){ var el = document.createElement("script"); el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?3130b43fdd6e3b5a1f6220c578cf8665c9c7fcb5b0f7cc19838651853541c70e19d1c501ebd3301f5e2290626f5b53d078c8250527fa0dfd9783a026ff3cf719"; el.id = "ttzz"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(el, s); })(window) </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 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> </html>