html 中liststyle（html5 li标签设置列表图标）

大家好,今天小编来为大家解答以下的问题，关于html 中liststyle，html5 li标签设置列表图标这个很多人还不知道，现在让我们一起来看看吧！

2026年8月21日 11:10

条码打印机编辑软件（Bartender怎么设计一个带有文字条码的标签并打印）

大家好，条码打印机编辑软件相信很多的网友都不是很明白，包括Bartender怎么设计一个带有文字条码的标签并打印也是一样，不过没有关系，接下来就来为大家分享关于条码打印机编辑软件

2026年7月15日 01:50

span标签标准（如何定义span标签的宽度和高度）

大家好,今天小编来为大家解答以下的问题，关于span标签标准，如何定义span标签的宽度和高度这个很多人还不知道，现

2026年9月16日 18:50

embed标签显示pdf（HTML5 embed 标签显示的pdf的DOMO怎么操作）

其实embed标签显示pdf的问题并不复杂，但是又很多的朋友都不太了解HTML5 embed 标签显示的pdf的DO

2026年7月4日 09:40

html标签也可以称作标签（关于HTML标签的描述，下列说法正确的是（））

“html标签也可以称作标签”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看html

2026年8月12日 08:40

em,i,strong,b标签的区别？前端框架中怎样使li标签旋转180度

本篇文章给大家谈谈i标签，以及em,i,strong,b标签的区别对应的知识点，希望对各位有所帮助，不要忘了收藏本站

2026年7月21日 03:30

router view（vue里面的router-view标签是什么意思）

“router view”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看router view（vue里面的router-view标签是什么意思）！

2026年7月21日 01:30

kingston内存条上的标签怎么看（金士顿手机内存卡怎样辨别真伪）

各位老铁们好，相信很多人对kingston内存条上的标签怎么看都不是特别的了解，因此呢，今天就来为大家分享下关于kingston内存条上的 2026年9月9日 04:50

正则表达式匹配两个字符（正则表达式，匹配两个标签中所有的字符该怎么写）

各位老铁们好，相信很多人对正则表达式匹配两个字符都不是特别的了解，因此呢，今天就来为大家分享下关于正则表达式匹配两个字符以及正则表达式，匹配两个标签中所有的字符该怎么写的问题知识

2026年7月30日 05:40

frameset标签的属性（html中标签的frameborder与border或其他属性属性中的值，用js或JQuery怎么修改）

各位老铁们，大家好，今天由我来为大家分享frameset标签的属性，以及html中标签的frameborder与bo

2026年7月22日 18:30

html p标签的属性（css中如何同时设置网页中

中的字体大小及背景颜色）

其实html p标签的属性的问题并不复杂，但是又很多的朋友都不太了解css中如何同时设置网页中中的字体大小及背景颜色，因此呢，今天小编就来为大家分享html p

2026年8月28日 06:20

jstl标签前缀为fmt（Fmt标签要导入的包是）

大家好，如果您还对jstl标签前缀为fmt不太了解，没有关系，今天就由本站为大家分享jstl标签前缀为fmt的知识，

2026年10月10日 16:50

textarea标签事件属性（html标签中的）</a></p> <p class="text-secondary hidden-md"id="itemintro33365">本篇文章给大家谈谈textarea<span class="highlight">标签</span>事件属性，以及html<span class="highlight">标签</span>中的对应的知识点，希望对各位有所帮助，不要忘了收藏本</p> <p class="text-secondary mt-auto"> <small>2026年8月17日 18:20</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/3414.html" target="_blank" rel='nofollow'><img src="/static/images/nopic/1.jpg" alt="日立机械硬盘生产日期在哪看（怎样从硬盘上的标签看生产日期和产地）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/3414.html" id="itemtitle3414">日立机械硬盘生产日期在哪看（怎样从硬盘上的<span class="highlight">标签</span>看生产日期和产地）</a></p> <p class="text-secondary hidden-md"id="itemintro3414">这篇文章给大家聊聊关于日立机械硬盘生产日期在哪看，以及怎样从硬盘上的<span class="highlight">标签</span>看生产日期和产地对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。</p> <p class="text-secondary mt-auto"> <small>2026年10月7日 07:50</small></p> </div> </div> <div class="border rounded p-md-3 p-2 mt-3 d-flex flex-nowrap"> <a href="/article/32778.html" target="_blank" rel='nofollow'><img src="/static/images/nopic/6.jpg" alt="section标签的作用（html5中article与section的区别，另外aside又该怎么理解谢谢！）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <p class="mb-3 fw-bold"><a href="/article/32778.html" id="itemtitle32778">section<span class="highlight">标签</span>的作用（html5中article与section的区别，另外aside又该怎么理解谢谢！）</a></p> <p class="text-secondary hidden-md"id="itemintro32778">本篇文章给大家谈谈section<span class="highlight">标签</span>的作用，以及html5中article与section的区别，另外aside又该怎么理解谢谢！对应的知识点，希望对各位有所帮助，不要忘了收藏本</p> <p class="text-secondary mt-auto"> <small>2026年8月2日 19:50</small></p> </div> </div> </div> </div> <div class="col-md-4"> <div class="my-3"><span class="border-start border-5 ps-3">热门文章</span></div> <hr> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/51931.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/7.jpg" alt="十大必看召唤小说排行榜（有什么召唤流小说推荐点啊）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/51931.html">十大必看召唤小说排行榜（有什么召唤流小说推荐点啊）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-07-07 00:10:01 <span class="ms-3">浏览：23</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/51935.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/5.jpg" alt="用友财务软件做账步骤视频（用友软件建立套账操作步骤）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/51935.html">用友财务软件做账步骤视频（用友软件建立套账操作步骤）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-07-07 01:10:02 <span class="ms-3">浏览：20</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/76437.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/6.jpg" alt="2022年最新限号（保定限行时间2022最新规定）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/76437.html">2022年最新限号（保定限行时间2022最新规定）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-12 15:50:28 <span class="ms-3">浏览：15</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/471.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/8.jpg" alt="电脑屏幕突然有横条纹（电脑屏幕上突然多了条横线）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/471.html">电脑屏幕突然有横条纹（电脑屏幕上突然多了条横线）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-07-07 13:40:01 <span class="ms-3">浏览：8</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/35126.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/7.jpg" alt="怀来网红大桥（被网友捧红的全国20座网红大桥，风景绝美:此生必游览的路线）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/35126.html">怀来网红大桥（被网友捧红的全国20座网红大桥，风景绝美:此生</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-11 15:50:12 <span class="ms-3">浏览：7</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/916.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/7.jpg" alt="关闭笔记本自带键盘方法（关闭笔记本自带键盘方法）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/916.html">关闭笔记本自带键盘方法（关闭笔记本自带键盘方法）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-07-27 04:20:01 <span class="ms-3">浏览：7</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/76100.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/4.jpg" alt="新一轮限号从几号开始（廊坊市尾号限行时间是几点到几点）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/76100.html">新一轮限号从几号开始（廊坊市尾号限行时间是几点到几点）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-03 11:10:25 <span class="ms-3">浏览：5</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/34057.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/3.jpg" alt="notifications是什么文件夹可以删除吗（android系统的手机目录各个文件夹代表什么例如acct）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/34057.html">notifications是什么文件夹可以删除吗（andro</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-08-31 00:50:02 <span class="ms-3">浏览：5</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/141.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/3.jpg" alt="笔记本拆机工具套装推荐（拆机都要什么拆机工具）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/141.html">笔记本拆机工具套装推荐（拆机都要什么拆机工具）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-07-01 11:00:01 <span class="ms-3">浏览：5</span> </div> </div> </div> <div class="border-bottom p-1 mt-3 d-flex flex-nowrap"> <a href="/article/77762.html" rel="nofollow"><img style="width: 4rem;height: 4rem;" src="/static/images/nopic/11.jpg" alt="现在天津市里限号吗?（疫情期间天津还限号吗）" class="rounded me-3" onerror="javascript:this.style.display='none'"></a> <div class="flex-column d-flex"> <div class=" fw-bold" style="font-size: 90%"><a href="/article/77762.html">现在天津市里限号吗?（疫情期间天津还限号吗）</a></div> <div class="text-secondary mt-auto" style="font-size: 50%">2026-09-19 10:20:27 <span class="ms-3">浏览：4</span> </div> </div> </div> <div class="fs-6 mt-3"><i class="bi bi-tags-fill fs-6 text-primary"></i> 标签列表</div> <hr /> <ul class="nav"> <li class="nav-item mt-3"> <a href="/tag/15806372.html" class="btn-group me-3 btn-group-sm" title="0篇和“女生自拍拍眼睛视频网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">女生自拍拍眼睛视频网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/4679196.html" class="btn-group me-3 btn-group-sm" title="0篇和“杭州美女拍衣服视频网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">杭州美女拍衣服视频网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/9288564.html" class="btn-group me-3 btn-group-sm" title="0篇和“元宇宙交易所官方网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">元宇宙交易所官方网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/6931500.html" class="btn-group me-3 btn-group-sm" title="0篇和“厦门公司注册用什么网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">厦门公司注册用什么网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/16016867.html" class="btn-group me-3 btn-group-sm" title="0篇和“材质修复网站有哪些”相关内容介绍、详解"> <span class="btn btn-outline-secondary">材质修复网站有哪些</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/5239932.html" class="btn-group me-3 btn-group-sm" title="0篇和“软件设计师网站靠谱工作”相关内容介绍、详解"> <span class="btn btn-outline-secondary">软件设计师网站靠谱工作</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/17578288.html" class="btn-group me-3 btn-group-sm" title="0篇和“网站建设招聘启事”相关内容介绍、详解"> <span class="btn btn-outline-secondary">网站建设招聘启事</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/11251603.html" class="btn-group me-3 btn-group-sm" title="0篇和“中集集团电子招标网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">中集集团电子招标网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/3782213.html" class="btn-group me-3 btn-group-sm" title="0篇和“沉静的近义词网站app”相关内容介绍、详解"> <span class="btn btn-outline-secondary">沉静的近义词网站app</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/3332261.html" class="btn-group me-3 btn-group-sm" title="0篇和“免费djmp4下载网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">免费djmp4下载网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/1488336.html" class="btn-group me-3 btn-group-sm" title="0篇和“建设小红书网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">建设小红书网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/83795.html" class="btn-group me-3 btn-group-sm" title="0篇和“虎元素绘画素材网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">虎元素绘画素材网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/17513825.html" class="btn-group me-3 btn-group-sm" title="0篇和“移动端网站建设公司”相关内容介绍、详解"> <span class="btn btn-outline-secondary">移动端网站建设公司</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/4344604.html" class="btn-group me-3 btn-group-sm" title="0篇和“三安产品价格查询网站官网”相关内容介绍、详解"> <span class="btn btn-outline-secondary">三安产品价格查询网站官网</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/11830887.html" class="btn-group me-3 btn-group-sm" title="0篇和“美女软件h免费观看网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">美女软件h免费观看网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/15712308.html" class="btn-group me-3 btn-group-sm" title="0篇和“电影大全网站免费苹果”相关内容介绍、详解"> <span class="btn btn-outline-secondary">电影大全网站免费苹果</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/19134083.html" class="btn-group me-3 btn-group-sm" title="0篇和“陕西官方润滑油官方网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">陕西官方润滑油官方网站</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/7184283.html" class="btn-group me-3 btn-group-sm" title="0篇和“沈北农村局网站官网”相关内容介绍、详解"> <span class="btn btn-outline-secondary">沈北农村局网站官网</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/521863.html" class="btn-group me-3 btn-group-sm" title="0篇和“奇米电影网站海外入口”相关内容介绍、详解"> <span class="btn btn-outline-secondary">奇米电影网站海外入口</span> <span class="btn btn-secondary">0</span> </a> </li> <li class="nav-item mt-3"> <a href="/tag/7221107.html" class="btn-group me-3 btn-group-sm" title="0篇和“郑州二手药回收网站”相关内容介绍、详解"> <span class="btn btn-outline-secondary">郑州二手药回收网站</span> <span class="btn btn-secondary">0</span> </a> </li> </ul> </div> </div> </div> </main> <footer class="bg-secondary mt-3"> <div class="container p-md-5 p-3"> <p class="text-center"><a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备2022013301号</a></p> <p class="text-center"><a href="/sitemap.xml"><i class="bi bi-diagram-3 me-2"></i>网站地图</a></p> </div> </footer> <div class="kefu"> <ul> <!-- <li class="kefu_wechat"> <a class="d-block d-md-none" href="https://work.weixin.qq.com/kfid/kfcbbc48c80c094b9f3"><i class="bi bi-person-fill"></i></a> <a href="#" class="d-none d-md-block"><span><img src="/static/images/wxworkqrcode.png" alt="企业微信二维码" /></span><i class="bi bi-person-fill"></i></a> </li> <li><a href="tel:15666115168"><span>15666115168</span><i class="bi bi-telephone-fill"></i></a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=343489416&site=qq&menu=yes" target="_blank"><span>QQ在线客服</span><i class="fs-5">QQ</i></a></li> --> <!--<li><a href="/Guest" target="_blank"><span>留言咨询</span><i class="zi zi_msgchat"></i></a></li>--> <li class="kefu_qrcode"><a href="javascript:;"><span><svg width="22.2mm" height="22.2mm" viewBox="0 0 22.2 22.2" class="segno"><g transform="scale(0.6)"><path fill="#fff" d="M0 0h37v37h-37z"/><path class="qrline" stroke="#000" d="M4 4.5h7m2 0h2m1 0h1m1 0h1m4 0h2m1 0h7m-29 1h1m5 0h1m9 0h2m4 0h1m5 0h1m-29 1h1m1 0h3m1 0h1m4 0h2m1 0h2m1 0h3m2 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m2 0h1m1 0h3m5 0h2m1 0h1m1 0h3m1 0h1m-29 1h1m1 0h3m1 0h1m2 0h3m8 0h1m1 0h1m1 0h3m1 0h1m-29 1h1m5 0h1m1 0h2m2 0h1m2 0h1m3 0h1m2 0h1m5 0h1m-29 1h7m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h7m-20 1h1m1 0h1m1 0h1m1 0h6m-21 1h1m2 0h1m1 0h2m1 0h2m1 0h1m2 0h1m1 0h1m1 0h2m1 0h1m1 0h1m-24 1h1m1 0h2m3 0h5m1 0h1m1 0h1m1 0h2m3 0h1m2 0h1m2 0h1m-28 1h3m1 0h4m2 0h1m1 0h2m3 0h2m1 0h1m2 0h4m-27 1h2m1 0h1m2 0h1m1 0h1m3 0h1m1 0h2m1 0h1m3 0h1m1 0h1m1 0h2m-28 1h1m5 0h4m1 0h1m2 0h5m1 0h1m1 0h2m1 0h1m1 0h2m-28 1h2m2 0h1m1 0h2m1 0h1m2 0h2m2 0h5m-21 1h2m2 0h2m1 0h4m1 0h2m2 0h1m2 0h2m1 0h6m-29 1h1m4 0h1m1 0h1m1 0h4m2 0h5m1 0h5m1 0h1m-28 1h5m1 0h1m3 0h4m1 0h1m1 0h5m1 0h1m3 0h1m-27 1h2m4 0h3m1 0h1m1 0h2m1 0h1m1 0h1m2 0h3m1 0h1m2 0h1m-29 1h1m3 0h1m1 0h3m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h1m1 0h2m3 0h2m-26 1h1m1 0h1m1 0h1m3 0h1m2 0h2m1 0h1m2 0h1m2 0h1m3 0h2m-29 1h1m1 0h1m3 0h1m1 0h4m6 0h1m1 0h5m1 0h1m-19 1h1m2 0h2m1 0h1m1 0h1m1 0h1m1 0h1m3 0h1m1 0h3m-29 1h7m2 0h4m5 0h1m1 0h1m1 0h1m1 0h1m2 0h1m-28 1h1m5 0h1m1 0h5m1 0h2m4 0h1m3 0h5m-29 1h1m1 0h3m1 0h1m2 0h4m2 0h4m1 0h5m3 0h1m-29 1h1m1 0h3m1 0h1m1 0h1m1 0h1m7 0h3m1 0h6m-28 1h1m1 0h3m1 0h1m4 0h2m3 0h5m3 0h3m1 0h1m-29 1h1m5 0h1m7 0h1m1 0h5m1 0h2m3 0h1m-28 1h7m1 0h3m1 0h4m1 0h4m1 0h3m2 0h1"/></g></svg>扫码分享到手机阅读</span><i class="bi bi-upc-scan"></i></a></li> </ul> </div> <button id="goTop" class="btn btn-sm shadow-none position-fixed bottom-0 end-0 mb-4 me-4"> <i class="bi bi-arrow-up-circle-fill fs-3 text-primary opacity-75 hover-opacity-100"></i> </button> <script> $('.kefu .kefu_qrcode svg').width('100%').height('100%') //gotop $('#goTop').hide() $(function(){ $(window).scroll(function(){ var scrH=document.documentElement.scrollTop+document.body.scrollTop; if(scrH>200){ $('#goTop').fadeIn(400); }else{ $('#goTop').stop().fadeOut(400); } }); $('#goTop').click(function(){ $('html,body').animate({scrollTop:'0px'},200); }); }); //刷新验证码的脚本，放到body部分的最后面即可 $('.captcha').click(function () { $.getJSON('/captcha/refresh/',function (result) { console.log(result) $('.captcha').attr('src',result['image_url']); $('#id_captcha_0').val(result['key']); }); }); $('#id_captcha_1').blur(function (){ json_data={ 'response':$('#id_captcha_1').val(), 'hashkey':$('#id_captcha_0').val() } $.getJSON('/api/ajax_captcha',json_data,function (data){ $('#captcha_status').remove() if(data['status']){ $('#id_captcha_1').after('<span id="captcha_status" class="text-success">*验证码正确</span>') $('#captcha_btn').attr('disabled',false) }else { $('#id_captcha_1').after('<span id="captcha_status" class="text-danger">*验证码错误</span>') } }); }); </script> </body> </html>