HTML页面中常见的控件有哪些？它们各自的作用是什么？

HTML（HyperTextMarkupLanguage）是用于创建网页和网页应用程序的标准标记语言。HTML通过控件来定义网页的结构和内容，使得用户可以与网页交互。了解HTML页面上的控件对网页设计师和前端开发人员至关重要，因为它们直接影响到用户体验和网页的功能性。以下是HTML中常见控件的

HTML表单控件

表单是HTML中最常见的控件之一，用于收集用户输入的数据。表单控件允许用户进行输入、选择和提交信息。以下是一些常用的HTML表单控件：

1.文本字段：允许用户输入文本信息，如``。

2.密码字段：用于输入密码，其内容通常会被隐藏，如``。

3.单选按钮：允许用户从一组选项中选择一个，如``。

4.复选框：允许用户选择多个选项，如``。

5.下拉菜单：提供一个选项列表供用户选择，如``和``标签。

6.提交按钮：允许用户提交表单数据，如``。

7.重置按钮：清除表单中的所有输入，如``。

8.文件上传控件：允许用户上传文件到服务器，如``。

9.多行文本输入：创建一个文本输入区域，用户可以在其中输入多行文本，如``。</p> <p style="text-align: center;"><img alt="HTML页面中常见的控件有哪些？它们各自的作用是什么？" title="HTML页面中常见的控件有哪些？它们各自的作用是什么？" src="https://www.xiaowing.com/zb_users/upload/2025/06/20250623203311_68417.jpeg"/></p> <h2>HTML输入类型</h2> <p>HTML5引入了更多的输入类型，为开发者提供了更丰富的表单控件选项：</p> <p>1.<strong>email</strong>：用于输入电子邮箱地址，带有验证功能，如`<inputtype="email">`。</p> <p>2.<strong>number</strong>：用于输入数字，可以设置最小值和最大值限制，如`<inputtype="number">`。</p> <p>3.<strong>search</strong>：提供一个搜索引擎风格的文本字段，如`<inputtype="search">`。</p> <p>4.<strong>url</strong>：用于输入URL地址，包含验证功能，如`<inputtype="url">`。</p> <p>5.<strong>tel</strong>：用于输入电话号码，如`<inputtype="tel">`。</p> <p>6.<strong>range</strong>：创建一个滑块控件，用户可以通过滑动选择一个值，如`<inputtype="range">`。</p> <p style="text-align: center;"><img alt="HTML页面中常见的控件有哪些？它们各自的作用是什么？" title="HTML页面中常见的控件有哪些？它们各自的作用是什么？" src="https://www.xiaowing.com/zb_users/upload/2025/06/20250623203311_36262.jpeg"/></p> <h2>HTML多媒体控件</h2> <p>多媒体控件用于在网页上嵌入音频和视频</p> <p>1.<strong>音频控件</strong>：用于嵌入音频文件，如`<audio>`标签。</p> <p>2.<strong>视频控件</strong>：用于嵌入视频文件，如`<video>`标签。</p> <p style="text-align: center;"><img alt="HTML页面中常见的控件有哪些？它们各自的作用是什么？" title="HTML页面中常见的控件有哪些？它们各自的作用是什么？" src="https://www.xiaowing.com/zb_users/upload/2025/06/20250623203311_75326.jpeg"/></p> <h2>HTML其他常用控件</h2> <p>1.<strong>链接</strong>：允许用户跳转到另一个页面或链接，使用`<a>`标签。</p> <p>2.<strong>图片</strong>：在网页上显示图片，使用`<img>`标签。</p> <p>3.<strong>按钮</strong>：用于执行特定脚本或触发事件，使用`<button>`标签。</p> <p>4.<strong>列表</strong>：包括有序列表`<ol>`和无序列表`<ul>`，其中列表项由`<li>`标签表示。</p> <h2>结语</h2> <p>综上所述，HTML页面的控件是构建互动式网页的基础。通过使用各种表单控件、输入类型、多媒体控件以及其他控件，开发者能够创建功能丰富、界面友好的网页。理解并熟练应用这些控件对于任何希望在网页设计领域取得成功的人都至关重要。在实际应用中，不同的控件可以根据需要进行组合和扩展，以满足特定的用户交互和设计需求。掌握这些技能后，你将能够设计出更加直观和用户体验友好的网页。</p> <div style="background-color: #fcf8e3;border-color: #faebcc;color: #f39c12;padding: 15px;margin-bottom: 17px;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent;border-left-color: transparent;border-radius: 3px;"> <p>版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 3561739510@qq.com 举报，一经查实，本站将立刻删除。</p> </div> <p>转载请注明来自<a href="https://www.xiaowing.com/" title="逍遥seo"><strong>逍遥seo</strong></a>，本文标题：<a href="https://www.xiaowing.com/article-12527-1.html" title="HTML页面中常见的控件有哪些？它们各自的作用是什么？">《HTML页面中常见的控件有哪些？它们各自的作用是什么？》</a><p> <p class="info-tag">标签：</p> <div class="info-zan ta-c"> <a href="javascript:;" class="share"><i class="iconfont icon-fenxiang"></i></a> <a href="javascript:;" class="sponsor"><i class="iconfont icon-redpacket"></i></a> </div> </div> </div> </div> <div class="info-next tx-box mb15"> <ul class="clearfix"> <li class="fl">上一篇： <a href="https://www.xiaowing.com/article-12647-1.html" title="抖音直播切片剪辑技巧有哪些？如何快速上手操作？">抖音直播切片剪辑技巧有哪些？如何快速上手操作？</a> </li> <li class="fr">下一篇： <a href="https://www.xiaowing.com/article-12644-1.html" title="快手蛋仔视频怎么剪辑制作？步骤和技巧是什么？">快手蛋仔视频怎么剪辑制作？步骤和技巧是什么？</a> </li> </ul> </div> <div class="info-close tx-box mb15"> <h2 class="tx-title">猜你喜欢</h2> <div class="pd15"> <ul class="row"> <li class="col-6 col-m-12"> <a href="https://www.xiaowing.com/article-13935-1.html" title="如何优化网站，提升SEO排名？（学会正确的布局策略，让你的网站更受欢迎）" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/08/20250802063702_85223.jpeg" alt="如何优化网站，提升SEO排名？（学会正确的布局策略，让你的网站更受欢迎）"></a> <h3><a href="https://www.xiaowing.com/article-13935-1.html" title="如何优化网站，提升SEO排名？（学会正确的布局策略，让你的网站更受欢迎）">如何优化网站，提升SEO排名？（学会正确的布局策略，让你的网站更受欢迎）</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.xiaowing.com/article-13922-1.html" title="营销型网站建设与传统网站建设的10大区别（探究营销型网站的特点，对比传统网站的优劣）" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/08/20250802063621_90130.jpeg" alt="营销型网站建设与传统网站建设的10大区别（探究营销型网站的特点，对比传统网站的优劣）"></a> <h3><a href="https://www.xiaowing.com/article-13922-1.html" title="营销型网站建设与传统网站建设的10大区别（探究营销型网站的特点，对比传统网站的优劣）">营销型网站建设与传统网站建设的10大区别（探究营销型网站的特点，对比传统网站的优劣）</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.xiaowing.com/article-13942-1.html" title="如何进行有效的SEO网站优化（从选择到内容优化，让您的网站更受欢迎）" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/08/20250802063721_57291.jpeg" alt="如何进行有效的SEO网站优化（从选择到内容优化，让您的网站更受欢迎）"></a> <h3><a href="https://www.xiaowing.com/article-13942-1.html" title="如何进行有效的SEO网站优化（从选择到内容优化，让您的网站更受欢迎）">如何进行有效的SEO网站优化（从选择到内容优化，让您的网站更受欢迎）</a></h3> </li> <li class="col-6 col-m-12"> <a href="https://www.xiaowing.com/article-13939-1.html" title="影响SEO页面优化的主要因素（了解如何优化你的网站排名）" class="img-x20"><img src="https://www.xiaowing.com/zb_users/upload/2025/08/20250802063713_85064.jpeg" alt="影响SEO页面优化的主要因素（了解如何优化你的网站排名）"></a> <h3><a href="https://www.xiaowing.com/article-13939-1.html" title="影响SEO页面优化的主要因素（了解如何优化你的网站排名）">影响SEO页面优化的主要因素（了解如何优化你的网站排名）</a></h3> </li> </ul> </div> </div> </div> </div> <div class="box-left"> <dl> <ul class="side-menu"> <li><a title="地区SEO" href="https://www.xiaowing.com/DQSEO.html">地区SEO</a></li> <li><a title="百度优化" href="https://www.xiaowing.com/BDYH.html">百度优化</a></li> <li><a title="SEO优化" href="https://www.xiaowing.com/SEOYH.html">SEO优化</a></li> <li><a title="SEO技术" href="https://www.xiaowing.com/SEOJS.html">SEO技术</a></li> <li><a title="SEO服务" href="https://www.xiaowing.com/SEOFW.html">SEO服务</a></li> <li><a title="自媒体推广" href="https://www.xiaowing.com/ZMTTG.html">自媒体推广</a></li> <li><a title="网站推广" href="https://www.xiaowing.com/WZTG.html">网站推广</a></li> <li><a title="SEO百科" href="https://www.xiaowing.com/SEOBK.html">SEO百科</a></li> </ul> </dl> <dl> <dt>关于我</dt> <dd> <!--<p class="mb10">关注微信送SEO教程</p>--> <p class="mb10 img-d"><img src="https://www.xiaowing.com/zb_users/theme/tx_three/include/weixin.png"></p> <ul class="side-contact row"> <li class="col-8 col-m-8"><a href="http://wpa.qq.com/msgrd?v=3&uin=1561571580&site=qq&menu=yes" target="_blank" rel="nofollow"><i class="iconfont icon-qq2"></i> <p>QQ</p></a></li> <li class="col-8 col-m-8"><a href="#" target="_blank" rel="nofollow"><i class="iconfont icon-weibo1"></i> <p>微博</p></a></li> <li class="col-8 col-m-8"><a href="mailto:@1561571580@qq.com" target="_blank" rel="nofollow"><i class="iconfont icon-mail"></i> <p>邮箱</p></a></li> </ul> </dd> </dl> </div> <div class="side-right"> <dl class="function" id="divSearchPanel"> <dt class="function_t">搜索</dt><dd class="function_c"> <div><form name="search" method="post" action="https://www.xiaowing.com/zb_system/cmd.php?act=search"><input type="text" name="q" size="11" /> <input type="submit" value="搜索" /></form></div> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最新文章</dt><dd class="function_c"> <ul><li><a title="河北seo查询怎么做？如何优化网站提高搜索引擎排名？" href="https://www.xiaowing.com/article-13723-1.html">河北seo查询怎么做？如何优化网站提高搜索引擎排名？</a></li> <li><a title="网站SEO对业务的影响有多大？——探讨SEO在网站营销中的重要性" href="https://www.xiaowing.com/article-13943-1.html">网站SEO对业务的影响有多大？——探讨SEO在网站营销中的重要性</a></li> <li><a title="SEO内链对排名的促进作用（掌握SEO内链技巧，提升网站排名效果）" href="https://www.xiaowing.com/article-13938-1.html">SEO内链对排名的促进作用（掌握SEO内链技巧，提升网站排名效果）</a></li> <li><a title="网站文章采集工具有哪些可以使用？如何选择合适的采集工具？" href="https://www.xiaowing.com/article-13816-1.html">网站文章采集工具有哪些可以使用？如何选择合适的采集工具？</a></li> <li><a title="优化网站需要注意哪些常见问题？如何有效避免这些问题？" href="https://www.xiaowing.com/article-13811-1.html">优化网站需要注意哪些常见问题？如何有效避免这些问题？</a></li> <li><a title="网站内链布局的最佳实践是什么？如何优化内链结构提高SEO效果？" href="https://www.xiaowing.com/article-13820-1.html">网站内链布局的最佳实践是什么？如何优化内链结构提高SEO效果？</a></li> <li><a title="网站外链应该怎么发布？发布外链的正确方法和常见错误有哪些？" href="https://www.xiaowing.com/article-13817-1.html">网站外链应该怎么发布？发布外链的正确方法和常见错误有哪些？</a></li> <li><a title="10个SEO优化技巧是什么？常见问题如何解答？" href="https://www.xiaowing.com/article-13708-1.html">10个SEO优化技巧是什么？常见问题如何解答？</a></li> <li><a title="抖音seo挖词工具有哪些功能？如何提升视频搜索排名？" href="https://www.xiaowing.com/article-13707-1.html">抖音seo挖词工具有哪些功能？如何提升视频搜索排名？</a></li> <li><a title="SEO的核心优化理念是什么？如何有效实施？" href="https://www.xiaowing.com/article-13796-1.html">SEO的核心优化理念是什么？如何有效实施？</a></li> </ul> </dd> </dl> <dl class="function" id="divhottag"> <dt class="function_t">热门tag</dt><dd class="function_c"> <div><a href="https://www.xiaowing.com/view-20-1.html" title="抖音">抖音</a><a href="https://www.xiaowing.com/view-3-1.html" title="优化">优化</a><a href="https://www.xiaowing.com/view-224-1.html" title="SEO优化">SEO优化</a><a href="https://www.xiaowing.com/view-14-1.html" title="网站优化">网站优化</a><a href="https://www.xiaowing.com/view-34-1.html" title="抖音小店">抖音小店</a><a href="https://www.xiaowing.com/view-180-1.html" title="小红书">小红书</a><a href="https://www.xiaowing.com/view-225-1.html" title="网站推广">网站推广</a><a href="https://www.xiaowing.com/view-2638-1.html" title="SEO">SEO</a><a href="https://www.xiaowing.com/view-4-1.html" title="网站建设">网站建设</a><a href="https://www.xiaowing.com/view-855-1.html" title="快手">快手</a><a href="https://www.xiaowing.com/view-8-1.html" title="网站排名">网站排名</a><a href="https://www.xiaowing.com/view-16-1.html" title="百度优化">百度优化</a><a href="https://www.xiaowing.com/view-2-1.html" title="关键词优化">关键词优化</a><a href="https://www.xiaowing.com/view-117-1.html" title="抖音直播">抖音直播</a><a href="https://www.xiaowing.com/view-397-1.html" title="搜索引擎">搜索引擎</a><a href="https://www.xiaowing.com/view-9-1.html" title="排名">排名</a><a href="https://www.xiaowing.com/view-11-1.html" title="关键词排名">关键词排名</a><a href="https://www.xiaowing.com/view-260-1.html" title="网站">网站</a><a href="https://www.xiaowing.com/view-206-1.html" title="关键词">关键词</a><a href="https://www.xiaowing.com/view-2922-1.html" title="B站">B站</a></div> </dd> </dl> <dl class="function" id="divtxhotlist"> <dt class="function_t">热门文章</dt><dd class="function_c"> <ul><li><a href="https://www.xiaowing.com/article-14195-1.html" title="定制网站的优势（为您打造独一无二的网站体验）">定制网站的优势（为您打造独一无二的网站体验）</a></li><li><a href="https://www.xiaowing.com/article-13992-1.html" title="优化你的网页，提升搜索排名！（SEO页面优化平台教你如何做到！）">优化你的网页，提升搜索排名！（SEO页面优化平台教你如何做到！）</a></li><li><a href="https://www.xiaowing.com/article-14130-1.html" title="如何用谷歌查找文章主题？">如何用谷歌查找文章主题？</a></li><li><a href="https://www.xiaowing.com/article-14037-1.html" title="搜索引擎优化全面解析（从网站结构到优化，打造高效营销利器）">搜索引擎优化全面解析（从网站结构到优化，打造高效营销利器）</a></li><li><a href="https://www.xiaowing.com/article-14066-1.html" title="服务器对营销型网站的影响（如何优化服务器对营销型网站的影响）">服务器对营销型网站的影响（如何优化服务器对营销型网站的影响）</a></li><li><a href="https://www.xiaowing.com/article-14111-1.html" title="如何让网站收获好的排名？（优化、提高用户体验、建立良好的链接）">如何让网站收获好的排名？（优化、提高用户体验、建立良好的链接）</a></li><li><a href="https://www.xiaowing.com/article-14123-1.html" title="围绕转化打造高效电商网站（如何通过策略、设计和营销等手段提升转化率）">围绕转化打造高效电商网站（如何通过策略、设计和营销等手段提升转化率）</a></li><li><a href="https://www.xiaowing.com/article-13913-1.html" title="如何准确识别百度蜘蛛真假（从IP地址、UA信息等多个方面进行判断）">如何准确识别百度蜘蛛真假（从IP地址、UA信息等多个方面进行判断）</a></li><li><a href="https://www.xiaowing.com/article-13920-1.html" title="SEO的作用和应用（让你的网站更受欢迎的方法）">SEO的作用和应用（让你的网站更受欢迎的方法）</a></li><li><a href="https://www.xiaowing.com/article-13969-1.html" title="企业网站SEO技巧分享（如何选取适合的让企业网站更上一层楼）">企业网站SEO技巧分享（如何选取适合的让企业网站更上一层楼）</a></li><li><a href="https://www.xiaowing.com/article-14006-1.html" title="探究SEO优化对产品销量的影响（分析SEO策略的效果及应用案例）">探究SEO优化对产品销量的影响（分析SEO策略的效果及应用案例）</a></li><li><a href="https://www.xiaowing.com/article-14042-1.html" title="如何拓展有效的长尾以提高网站SEO排名（优化长尾的技巧和策略）">如何拓展有效的长尾以提高网站SEO排名（优化长尾的技巧和策略）</a></li><li><a href="https://www.xiaowing.com/article-14094-1.html" title="提高网站排名的五个方法（学会这五招，让你的网站在搜索引擎中获得更高的排名）">提高网站排名的五个方法（学会这五招，让你的网站在搜索引擎中获得更高的排名）</a></li><li><a href="https://www.xiaowing.com/article-14098-1.html" title="如何发布高质量的外链进行网站优化（掌握正确的外链发布方法，提高网站权重）">如何发布高质量的外链进行网站优化（掌握正确的外链发布方法，提高网站权重）</a></li><li><a href="https://www.xiaowing.com/article-14099-1.html" title="优化网站的关键点（如何通过SEO优化来提升网站排名）">优化网站的关键点（如何通过SEO优化来提升网站排名）</a></li><li><a href="https://www.xiaowing.com/article-14115-1.html" title="SEO挖掘与分析攻略，轻松提升百度SEO排名（挖掘的5种攻略，百度SEO优化的4个技巧，提升百度seo的3种方案）">SEO挖掘与分析攻略，轻松提升百度SEO排名（挖掘的5种攻略，百度SEO优化的4个技巧，提升百度seo的3种方案）</a></li><li><a href="https://www.xiaowing.com/article-14121-1.html" title="流量与权重双管齐下，如何优化网站？（从选择到内部链接布局，教你打造更具吸引力的网站）">流量与权重双管齐下，如何优化网站？（从选择到内部链接布局，教你打造更具吸引力的网站）</a></li><li><a href="https://www.xiaowing.com/article-14007-1.html" title="网站推广特殊符号的妙用（从符号入手，让你的网站更加出彩）">网站推广特殊符号的妙用（从符号入手，让你的网站更加出彩）</a></li><li><a href="https://www.xiaowing.com/article-14030-1.html" title="医疗SEO优化考核（从到网站内容，打造优质医疗网站）">医疗SEO优化考核（从到网站内容，打造优质医疗网站）</a></li><li><a href="https://www.xiaowing.com/article-14039-1.html" title="淘宝SEO排名规则详解（深入了解淘宝SEO核心排名规则，帮你提升店铺流量和转化）">淘宝SEO排名规则详解（深入了解淘宝SEO核心排名规则，帮你提升店铺流量和转化）</a></li></ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="关键词优化" href="https://www.xiaowing.com/view-2-1.html">关键词优化<span class="tag-count"> (128)</span></a></li> <li><a title="优化" href="https://www.xiaowing.com/view-3-1.html">优化<span class="tag-count"> (520)</span></a></li> <li><a title="网站建设" href="https://www.xiaowing.com/view-4-1.html">网站建设<span class="tag-count"> (218)</span></a></li> <li><a title="网站排名" href="https://www.xiaowing.com/view-8-1.html">网站排名<span class="tag-count"> (137)</span></a></li> <li><a title="排名" href="https://www.xiaowing.com/view-9-1.html">排名<span class="tag-count"> (123)</span></a></li> <li><a title="关键词排名" href="https://www.xiaowing.com/view-11-1.html">关键词排名<span class="tag-count"> (120)</span></a></li> <li><a title="网站优化" href="https://www.xiaowing.com/view-14-1.html">网站优化<span class="tag-count"> (401)</span></a></li> <li><a title="百度优化" href="https://www.xiaowing.com/view-16-1.html">百度优化<span class="tag-count"> (135)</span></a></li> <li><a title="SEO百科" href="https://www.xiaowing.com/view-17-1.html">SEO百科<span class="tag-count"> (80)</span></a></li> <li><a title="抖音" href="https://www.xiaowing.com/view-20-1.html">抖音<span class="tag-count"> (701)</span></a></li> <li><a title="抖音小店" href="https://www.xiaowing.com/view-34-1.html">抖音小店<span class="tag-count"> (358)</span></a></li> <li><a title="推广" href="https://www.xiaowing.com/view-91-1.html">推广<span class="tag-count"> (96)</span></a></li> <li><a title="抖音直播" href="https://www.xiaowing.com/view-117-1.html">抖音直播<span class="tag-count"> (128)</span></a></li> <li><a title="小红书" href="https://www.xiaowing.com/view-180-1.html">小红书<span class="tag-count"> (328)</span></a></li> <li><a title="关键词" href="https://www.xiaowing.com/view-206-1.html">关键词<span class="tag-count"> (100)</span></a></li> <li><a title="SEO优化" href="https://www.xiaowing.com/view-224-1.html">SEO优化<span class="tag-count"> (423)</span></a></li> <li><a title="网站推广" href="https://www.xiaowing.com/view-225-1.html">网站推广<span class="tag-count"> (307)</span></a></li> <li><a title="SEO技术" href="https://www.xiaowing.com/view-235-1.html">SEO技术<span class="tag-count"> (85)</span></a></li> <li><a title="网站" href="https://www.xiaowing.com/view-260-1.html">网站<span class="tag-count"> (116)</span></a></li> <li><a title="搜索引擎" href="https://www.xiaowing.com/view-397-1.html">搜索引擎<span class="tag-count"> (124)</span></a></li> <li><a title="网站制作" href="https://www.xiaowing.com/view-427-1.html">网站制作<span class="tag-count"> (75)</span></a></li> <li><a title="快手" href="https://www.xiaowing.com/view-855-1.html">快手<span class="tag-count"> (198)</span></a></li> <li><a title="SEO" href="https://www.xiaowing.com/view-2638-1.html">SEO<span class="tag-count"> (293)</span></a></li> <li><a title="B站" href="https://www.xiaowing.com/view-2922-1.html">B站<span class="tag-count"> (97)</span></a></li> <li><a title="HTML" href="https://www.xiaowing.com/view-3173-1.html">HTML<span class="tag-count"> (79)</span></a></li> </ul> </dd> </dl> <dl class="function" id="divLinkage"> <dt class="function_t">友情链接</dt><dd class="function_c"> <ul><li class="link-item"><a href="https://www.laoyeseo.com/" target="_blank" title="老叶SEO">老叶SEO</a></li> </ul> </dd> </dl> </div> </div> <div class="footer tx-color1 tx-color2"> <div class="wide"> Copyright © www.xiaowing.com All Rights Reserved. <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">滇ICP备2024033040号</a> 图片来源于网络，如有侵权请联系删除<br><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><script>var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="https://hm.baidu.com/hm.js?3c595bbc5c237e80c2ce0183eefb4d98";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();</script> </div> </div> <div class="sponsor-box pop-box" style="display:none;"> <div class="pop-con"> <h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>谢谢打赏</h2> <ul class="clearfix"> <li> <img src="https://www.xiaowing.com/zb_users/theme/tx_three/include/weixin.png"> <p>支付宝</p> </li> <li> <img src="https://www.xiaowing.com/zb_users/theme/tx_three/include/zfb.png"> <p>微信</p> </li> </ul> </div> <div class="pop-off1"></div> </div> <div class="share-box pop-box" style="display:none;"> <div class="pop-con"> <h2><a href="javascript:void(0)" class="pop-off fr"><i class="iconfont icon-guanbi1"></i></a>在线分享</h2> <div class="pd20"> <div class="bsync-custom icon-long-orange"><a title="一键分享到各大微博和社交网络" class="bshare-bsync" onclick="javascript:bSync.share(event)"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div> <script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bsync.js#uuid=#uuid=&style=1"></script> </div> </div> <div class="pop-off1"></div> </div> <div class="gotop" style="display:none"><i class="iconfont icon-dingbu"></i></div> <script src="https://www.xiaowing.com/zb_users/theme/tx_three/script/txcstx.js" type="text/javascript"></script> <script src="https://www.xiaowing.com/zb_users/theme/tx_three/script/imgpang.js?r=1.5.8" type="text/javascript"></script><script language="javascript" src="https://www.xiaowing.com/zb_users/plugin/tx_side/js/txcstx.js"></script> </body> </html><!--225.10 ms , 25 queries , 4436kb memory , 0 error-->