1. 背景介绍 我们时常在获取焦点时，发现有些会自动把之前输入过的历史记录展示出来，例如像这样的：


文章图片

但是呢，有些 又不会啊，查阅资料后，总结出以下三种情况： 【使用Datalist|使用Datalist 实现 Input 输入框历史记录】

为了提供自动完成功能，用户代理可能需要//</code> 元素才能: <br> 1. 具有 <code>name</code> 和/或 <code>id</code> 属性<br>2. 成为 <code><form></code> 的后代<br>3. 具有 submit 按钮的表单<br /> </blockquote> 详见《The HTML 自动完成属性》，这边不在做过多讲述，因为今天的重点不在这里。<br /> 2. 如何配置历史记录值 方式一（不推荐） 你可以在<code><input /></code>的<code>onfoucs</code>事件，手动给它弄出个弹框，再将预先想要选择的<code>options</code>罗列出来，然后点击每个值触发的<code>onclick</code>事件，再给<code><input /></code>设置值。<br> 好像大体上实现了这个功能，但是成本太大了，还有一系列css样式，全部需要自己写。<br> so，deprecate it !!!<br /> 方式二（推荐） <blockquote><code><label>Name</label><input id="country_name" name="country_name" type="text" list="city" /> <datalist id="city"> <option value="https://www.it610.com/article/中国 北京" /> <option value="https://www.it610.com/article/中国 上海" /> <option value="https://www.it610.com/article/中国 广州" /> <option value="https://www.it610.com/article/中国 深圳" /> <option value="https://www.it610.com/article/中国 东莞" /> </datalist> </code></blockquote><br /> <em>兴致勃勃拿去代码一试，看到效果如下：</em><br><br /> <img alt="使用Datalist|使用Datalist 实现 Input 输入框历史记录" onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info10/a42ceeb43621454ba35b3931baab66d8.jpg"/> <br /> 文章图片 <br /> <br /> <em>一脸苦恼，怎么出现了一个奇怪的三角形？怎么还出现以前的输入框的历史记录了？</em><br><br /> <img alt="使用Datalist|使用Datalist 实现 Input 输入框历史记录" onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info10/6c915f625bce41cb92bde508717a3bab.jpg"/> <br /> 文章图片 <br /> <br /> <em>解决方案一并给你~</em><br /> <ol> <li>解决输入框以前的历史记录(给input添加autocomplete属性，值为off)<br> <code><input autocomplete="off" /></code> </li> <li>解决三角形(在你的style文件里添加以下样式)<br> <code>input::-webkit-calendar-picker-indicator{ display: none; -webkit-appearance: none; }</code> </li> </ol> <img alt="使用Datalist|使用Datalist 实现 Input 输入框历史记录" onload="javascript:ImgReSize(this)" src="https://img.it610.com/image/info10/6f7b5976716348b5a8cb62ac9f8e3dbd.jpg"/> <br /> 文章图片 <br /> </p> <div class="dede_pages"><ul></ul></div> <div class="pcd_ad"> <center><div class="_ahwullr0ac"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6834461", container: "_ahwullr0ac", async: true }); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script></center> </div> <div class="mbd_ad"> <div style=margin-top:10px;margin-bottom:10px;> <div class="_i7aftr79jl"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u5950612", container: "_i7aftr79jl", async: true }); </script> <!-- ����������½ű�ֻ������һ�� --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script> </div> </div> <h3>推荐阅读</h3> <ul class="post-loop post-loop-default cols-0"> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1594529.html" title="引用是不是修辞手法之一 引用是修辞手法吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="引用是不是修辞手法之一 引用是修辞手法吗" src="http://img.readke.com/230416/094Q63449-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1594529.html"> <b>引用是不是修辞手法之一 引用是修辞手法吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2625749.html" title="“人,最大的修养：不随意评论别人,不随意干涉别人”你怎么看？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="“人,最大的修养：不随意评论别人,不随意干涉别人”你怎么看？" src="http://img.readke.com/230706/0141561258-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2625749.html"> <b>“人,最大的修养：不随意评论别人,不随意干涉别人”你怎么看？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1935844.html" title="长安区有哪些街道"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="长安区有哪些街道" src="http://img.readke.com/230505/0219322L2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1935844.html"> <b>长安区有哪些街道 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3424731.html" title="海尔空调全国维修电话多少"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="海尔空调全国维修电话多少" src="http://img.readke.com/231112/054J12R4-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3424731.html"> <b>海尔空调全国维修电话多少 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3639162.html" title="诈骗罪退脏不退罪 诈骗罪不退脏会追缴吗？"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="诈骗罪退脏不退罪 诈骗罪不退脏会追缴吗？" src="http://img.readke.com/231201/005R510Z-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3639162.html"> <b>诈骗罪退脏不退罪 诈骗罪不退脏会追缴吗？ </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/03064C3952022.html" title="python|python(55)-编码-解码-unicode到底是什么（+repr+）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="python|python(55)-编码-解码-unicode到底是什么（+repr+）" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/03064C3952022.html"> <b>python|python(55)-编码-解码-unicode到底是什么（+repr+） </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2675210.html" title="上海特产有哪些送人好 到上海买什么特产送人"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="上海特产有哪些送人好 到上海买什么特产送人" src="http://img.readke.com/230709/221620B20-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2675210.html"> <b>上海特产有哪些送人好 到上海买什么特产送人 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1695825.html" title="多肉花盆怎么选 多肉花盆怎么选视频"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="多肉花盆怎么选 多肉花盆怎么选视频" src="http://img.readke.com/230421/1436431G2-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1695825.html"> <b>多肉花盆怎么选 多肉花盆怎么选视频 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2089770.html" title="暖雪冰系无限盾怎么玩"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="暖雪冰系无限盾怎么玩" src="http://img.readke.com/230515/095G02058-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2089770.html"> <b>暖雪冰系无限盾怎么玩 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2909094.html" title="miui10怎么申请内测资格_小米miui10系统内测资格申请教程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="miui10怎么申请内测资格_小米miui10系统内测资格申请教程" src="http://img.readke.com/230802/04403a4O-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2909094.html"> <b>miui10怎么申请内测资格_小米miui10系统内测资格申请教程 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2592871.html" title="河北十大机场排名 河北有哪些机场离衡水近"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="河北十大机场排名 河北有哪些机场离衡水近" src="http://img.readke.com/230629/11543H4W-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2592871.html"> <b>河北十大机场排名 河北有哪些机场离衡水近 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/092323M452021.html" title="初恋这件小事"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="初恋这件小事" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/092323M452021.html"> <b>初恋这件小事 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3029136.html" title="月饼会有要密封吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="月饼会有要密封吗" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3029136.html"> <b>月饼会有要密封吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/1345920.html" title="真丝睡衣能用挂烫机吗"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="真丝睡衣能用挂烫机吗" src="http://img.readke.com/230329/223312K62-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/1345920.html"> <b>真丝睡衣能用挂烫机吗 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/4133370.html" title="任务分类分析法,按照比较的对象分类,比较分析法包括"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="任务分类分析法,按照比较的对象分类,比较分析法包括" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/4133370.html"> <b>任务分类分析法,按照比较的对象分类,比较分析法包括 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2032421.html" title="和平精英不掉分卡怎么用 和平精英不掉分卡怎么用不了"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="和平精英不掉分卡怎么用 和平精英不掉分卡怎么用不了" src="http://img.readke.com/230511/15344U0R-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2032421.html"> <b>和平精英不掉分卡怎么用 和平精英不掉分卡怎么用不了 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2469788.html" title="家庭关系与社会关系的区别"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="家庭关系与社会关系的区别" src="http://img.readke.com/230609/0025592936-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2469788.html"> <b>家庭关系与社会关系的区别 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3165172.html" title="奖励章节详细攻略 密室逃脱极地求生1攻略大全"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="奖励章节详细攻略 密室逃脱极地求生1攻略大全" src="http://img.readke.com/230917/1516162N1-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3165172.html"> <b>奖励章节详细攻略 密室逃脱极地求生1攻略大全 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/3637536.html" title="显卡背面数字怎么认定，显卡背标"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="显卡背面数字怎么认定，显卡背标" src="/images/defaultpic.gif"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/3637536.html"> <b>显卡背面数字怎么认定，显卡背标 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/2713473.html" title="慈禧与光绪皇帝关系 乾隆娶了自己的女儿"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="慈禧与光绪皇帝关系 乾隆娶了自己的女儿" src="http://img.readke.com/230713/0J5053K8-0-lp.jpg"> </a> </div> <div class="item-content"> <h4 class="item-title"> <a href="/c/2713473.html"> <b>慈禧与光绪皇帝关系 乾隆娶了自己的女儿 </b></a></h4> <div class="item-meta"> <div class="item-meta-right"> </div> </div> </div> </li> </ul> <p><br /><ul class="post-loop post-loop-list cols-4"><li><a href="/c/021T5K222022.html" title="由浅入深理解AOP" target="_blank">由浅入深理解AOP </a></li> <li><a href="/c/021T5JE2022.html" title="【译】20个更有效地使用谷歌搜索的技巧" target="_blank">【译】20个更有效地使用谷歌搜索的技巧 </a></li> <li><a href="/c/021T5J162022.html" title="关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式" target="_blank">关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式 </a></li> <li><a href="/c/021T5J152022.html" title="mybatisplus如何在xml的连表查询中使用queryWrapper" target="_blank">mybatisplus如何在xml的连表查询中使用queryWrapper </a></li> <li><a href="/c/021T5J132022.html" title="MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决" target="_blank">MybatisPlus|MybatisPlus LambdaQueryWrapper使用int默认值的坑及解决 </a></li> <li><a href="/c/021T5J122022.html" title="MybatisPlus使用queryWrapper如何实现复杂查询" target="_blank">MybatisPlus使用queryWrapper如何实现复杂查询 </a></li> <li><a href="/c/021T5J002022.html" title="python学习之|python学习之 实现QQ自动发送消息" target="_blank">python学习之|python学习之 实现QQ自动发送消息 </a></li> <li><a href="/c/021T5HM2022.html" title="孩子不是实现父母欲望的工具——林哈夫" target="_blank">孩子不是实现父母欲望的工具——林哈夫 </a></li> <li><a href="/c/021T5HC2022.html" title="opencv|opencv C++模板匹配的简单实现" target="_blank">opencv|opencv C++模板匹配的简单实现 </a></li> <li><a href="/c/021T5H642022.html" title="Node.js中readline模块实现终端输入" target="_blank">Node.js中readline模块实现终端输入 </a></li> </ul></p> <div class=entry-copyright> <p></p> </div> </div> <div class="entry-footer"> <div class="prev-next sb br mb clearfix"> <p class="post-prev fl ellipsis">上一篇：<a href='/c/0925244E42021.html'>儿童的敏感期二</a> </p> <p class="post-next fr ellipsis">下一篇：<a href='/c/0925244E62021.html'>Linux基础命令及快捷键Day.2</a> </p> </div> </div> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>更多...</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0916215I12021.html" title="2018.11.29.星期四读书分享稿"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2018.11.29.星期四读书分享稿" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0916215I12021.html" title="2018.11.29.星期四读书分享稿">2018.11.29.星期四读书分享稿</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z213091H021.html" title="记|记 · 雨"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="记|记 · 雨" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z213091H021.html" title="记|记 · 雨">记|记 · 雨</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/10122S6452021.html" title="云GIS|点丢失问题"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="云GIS|点丢失问题" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/10122S6452021.html" title="云GIS|点丢失问题">云GIS|点丢失问题</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0S111AL2021.html" title="理财小白，基金和股票买哪个好（）"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="理财小白，基金和股票买哪个好（）" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0S111AL2021.html" title="理财小白，基金和股票买哪个好（）">理财小白，基金和股票买哪个好（）</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/12243P2592021.html" title="2018.01.24"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="2018.01.24" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/12243P2592021.html" title="2018.01.24">2018.01.24</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z41463H2021.html" title="梦魇集1.奶奶的家"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="梦魇集1.奶奶的家" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z41463H2021.html" title="梦魇集1.奶奶的家">梦魇集1.奶奶的家</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/12113561462021.html" title="(BAT向）Java岗常问高频面试汇总（MyBatis|(BAT向）Java岗常问高频面试汇总：MyBatis 微服务 Spring 分"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="(BAT向）Java岗常问高频面试汇总（MyBatis|(BAT向）Java岗常问高频面试汇总：MyBatis 微服务 Spring 分" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/12113561462021.html" title="(BAT向）Java岗常问高频面试汇总（MyBatis|(BAT向）Java岗常问高频面试汇总：MyBatis 微服务 Spring 分">(BAT向）Java岗常问高频面试汇总（MyBatis|(BAT向）Java岗常问高频面试汇总：MyBatis 微服务 Spring 分</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z91P2C2021.html" title="秦皇岛十一旅游攻略，黄金周最强攻略出炉，不看后悔！"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="秦皇岛十一旅游攻略，黄金周最强攻略出炉，不看后悔！" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z91P2C2021.html" title="秦皇岛十一旅游攻略，黄金周最强攻略出炉，不看后悔！">秦皇岛十一旅游攻略，黄金周最强攻略出炉，不看后悔！</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/12303932432021.html" title="给定一个罗马数字 ss，将罗马数字转换成整数。"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="给定一个罗马数字 ss，将罗马数字转换成整数。" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/12303932432021.html" title="给定一个罗马数字 ss，将罗马数字转换成整数。">给定一个罗马数字 ss，将罗马数字转换成整数。</a></p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/c/0Z21363642021.html" title="厂商通道相关参数申请教程"> <img width="480" height="300" class="attachment-default size-default wp-post-image j-lazy" alt="厂商通道相关参数申请教程" src="/images/defaultpic.gif"> </a></div> <div class="item-content"> <p class="item-title"><a href="/c/0Z21363642021.html" title="厂商通道相关参数申请教程">厂商通道相关参数申请教程</a></p> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="clearfix"> <div class="footer-col footer-col-logo"> <!--<img src="/skin/images/logo-footer.png">--></div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item menu-item-706"><a href="/baike/">生活百科</a></li> <li class="menu-item menu-item-706"><a href="/it/">it技术</a></li> </ul> <div class="copyright"> <p>Copyright © 2017-2022 锐客网 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">京ICP备11041112号-41</a> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> </div> </div> </div> </div> </footer> <div class="action action-style-0 action-color-0 action-pos-1" style="bottom:15%;"> <div class="action-item gotop j-top"> <i class="web-icon wi action-item-icon"><svg aria-hidden="true"> <use xlink:href="#wi-arrow-up-2"></use> </svg></i></div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?79e4e485d34c6fc717489eaa10b314e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <script>var _web_js={};</script> <script src="/skin/js/index.js"></script> </body> </html>