了解常用表单标签，掌握它们在网页设计中的作用至关重要。以下是一些常见的表单标签及其功能： 1. `<form>`：定义HTML表单，用于用户输入数据。 2. `<input>`：用于创建各种类型的输入字段，如文本框、密码框、单选按钮、复选框等。 3. `<textarea>`：用于创建多行文本输入区域。 4.

当前位置：首页表单了解常用表单标签，掌握它们在网页设计中的作用至关重要。以下是一些常见的表单标签及其功能： 1. `

`：定义HTML表单，用于用户输入数据。 2. ``：用于创建各种类型的输入字段，如文本框、密码框、单选按钮、复选框等。 3. `

`：用于创建多行文本输入区域。
4.</a>
    </nav>
    <div class="row clearfix" style="transform: none;">
        <div class="main fl">
            <article class="post single-post">
                <header class="entry-header page-header">
                    <h6 class="place clearfix">
                        <span class="nat_tit">正文</span>
                        <div id="font-change" class="single-font fr">
                            <span id="font-dec"><a href="https://www.cqxzm.cn/views/le-jie-chang-yong-biao-dan-biao-qian-zhang-wo-ta-men-zai-wang-ye-she-ji-zhong-de-zuo-yong-zhi-guan-z.html" title="减小字体"><i
                                    class="fa fa-minus-square-o"></i></a></span>
                            <span id="font-int"><a href="https://www.cqxzm.cn/views/le-jie-chang-yong-biao-dan-biao-qian-zhang-wo-ta-men-zai-wang-ye-she-ji-zhong-de-zuo-yong-zhi-guan-z.html" title="默认字体"><i
                                    class="fa fa-font"></i></a></span>
                            <span id="font-inc"><a href="https://www.cqxzm.cn/views/le-jie-chang-yong-biao-dan-biao-qian-zhang-wo-ta-men-zai-wang-ye-she-ji-zhong-de-zuo-yong-zhi-guan-z.html" title="增大字体"><i
                                    class="fa fa-plus-square-o"></i></a></span>
                        </div>
                    </h6>
                    
                    <h1 class="entry-title page-title">了解常用表单标签，掌握它们在网页设计中的作用至关重要。以下是一些常见的表单标签及其功能：

1. `<form>`：定义HTML表单，用于用户输入数据。
2. `<input>`：用于创建各种类型的输入字段，如文本框、密码框、单选按钮、复选框等。
3. `<textarea>`：用于创建多行文本输入区域。
4.</h1>
                    <div class="contimg">
                        <a href="" alt="">
                            <img
                            src="https://www.cqxzm.cn/favicon.ico"
                            class="avatar"
                            height="35"
                            width="35">
                        </a>
                    </div>
                    <div class="entry-meta contpost-meta">
                        <span class="autlv aut-1"></span>
                        <time datetime="2026-07-13 13:54:02"><span class="separator">/</span>2026-07-13 13:54:02</time>
                        <span class="entry-meta-viewnums"><span class="separator">/</span>0 浏览量</span></div>
                    <div class="postArticle-meta">
                        <span class="entry-meta-time"><span class="month">07</span><span class="day">13</span></span>
                    </div>
                    <div class="border-theme"></div>
                </header>
                <div id="post-category" class="show_text readtext post-category">
                    <div class="entry-content clearfix">
                        <p>在网页设计中，表单是连接用户与网站的核心部分。它允许用户输入信息，与网站进行交互。掌握常用的表单标签及其在网页设计中的作用，对于创建功能完善且用户友好的网页至关重要。以下是一些常见的表单标签及其详细功能的介绍：</p>

<h2><code><form></code>：构建数据输入的容器</h2>

<p><code><form></code>标签是所有表单元素的基础。它定义了一个表单区域，用户可以在其中输入数据。以下是一个简单的<code><form></code>标签示例：</p>

<p>在这个例子中，<code>action</code>属性指定了表单数据提交后的处理页面，而<code>method</code>属性定义了数据提交的方式，通常是<code>get</code>或<code>post</code>。</p>

<h2><code><input></code>：多样化的输入控件</h2>

<p><code><input></code>标签是最常用的表单元素之一，它可以创建各种类型的输入字段。以下是一些常见的<code><input></code>类型：</p>

<ul>
<li><code>text</code>：用于文本输入。</li>
<li><code>password</code>：用于创建密码字段，输入内容会被隐藏。</li>
<li><code>checkbox</code>：用于创建复选框，允许用户选择一个或多个选项。</li>
<li><code>radio</code>：用于创建单选按钮，用户只能选择一个选项。</li>
<li><code>submit</code>：用于创建提交按钮，用于提交表单。</li>
</ul>

<h2><code><textarea></code>：自由文本输入</h2>

<p><code><textarea></code>标签用于创建多行文本输入区域，适用于长文本输入。以下是一个简单的<code><textarea></code>示例：</p>

<pre><code class="language-html"><textarea name="message" rows="4" cols="50">
Type your message here
</textarea>
</code></pre>

<p>这里，<code>rows</code>和<code>cols</code>属性定义了文本区域的尺寸。</p>

<h2><code><label></code>：增强可访问性的标签</h2>

<p><code><label></code>标签用于定义输入字段的标签，与<code><input></code>元素关联。它提高了表单的可访问性，特别是对于使用屏幕阅读器的用户。以下是如何使用<code><label></code>标签的示例：</p>

<pre><code class="language-html"><label for="username">Username:</label>
<input type="text" id="username" name="username">
</code></pre>

<p>在这个例子中，<code>for</code>属性与<code><input></code>元素的<code>id</code>属性相关联，这样点击标签就会聚焦到相应的输入字段。</p>

<h2><code><button></code>：执行特定操作的按钮</h2>

<p><code><button></code>标签用于创建一个按钮，可以执行多种操作，如提交表单、重置表单或执行JavaScript代码。以下是一个简单的<code><button></code>示例：</p>

<pre><code class="language-html"><button type="submit">Submit</button>
</code></pre>

<h2><code><select></code>和<code><option></code>：创建下拉列表</h2>

<p><code><select></code>标签用于创建下拉列表，而<code><option></code>标签定义了列表中的选项。以下是一个简单的下拉列表示例：</p>

<pre><code class="language-html"><select name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
</code></pre>

<h2><code><fieldset></code>和<code><legend></code>：分组表单控件</h2>

<p><code><fieldset></code>标签用于将相关的表单控件组合在一起，而<code><legend></code>标签为<code><fieldset></code>元素定义标题。以下是一个分组表单控件的示例：</p>

<pre><code class="language-html"><fieldset>
  <legend>Personal Information</legend>
  
</fieldset>
</code></pre>

<h2><code><datalist></code>：提供自动完成功能</h2>

<p><code><datalist></code>标签与<code><input></code>元素一起使用，提供自动完成列表。以下是一个带有自动完成功能的<code><input></code>元素的示例：</p>

<p>通过掌握这些表单标签，你可以构建出既美观又实用的网页表单，从而提升用户体验和网站的功能性。</p>

</div>
                    <div class="showall">-- 展开阅读全文 --</div>
                </div>
                <footer class="entry-footer">
                    <div class="post-tags">
                        
                        
                        
                    </div>
                </footer>
            </article>
            <nav class="single-nav">
                
                
                
                <div class="entry-page-prev j-lazy"
                     >
                    <a href="https://www.cqxzm.cn/views/qing-song-shang-shou-duan-xin-sou-ji-biao-dan-san-bu-jiao-ni-shou-ji-ke-hu-xin-xi-ti-sheng-ye-wu-xia.html"
                       title="轻松上手短信搜集表单：三步教你收集客户信息，提升业务效率">
                       <span>轻松上手短信搜集表单：三步教你收集客户信息，提升业务效率</span>
                    </a>
                    <div class="entry-page-info">
                        <span class="pull-left">« 上一篇</span><span class="pull-right">2026-07-13</span>
                    </div>
                </div>

<div class="entry-page-next j-lazy"
                     ">
                    <a href="https://www.cqxzm.cn/views/shou-ji-wang-zhan-you-hua-jiao-ni-ru-he-she-ji-jian-jie-gao-xiao-de-biao-dan-shu-ru-yuan-su-ti-sheng.html" title="手机网站优化：教你如何设计简洁高效的表单输入元素，提升用户体验">
                        <span>手机网站优化：教你如何设计简洁高效的表单输入元素，提升用户体验</span>
                    </a>
                    <div class="entry-page-info">
                        <span class="pull-right">下一篇  »</span>
                        <span class="pull-left">2026-07-13</span>
                    </div>
                </div>
                
                
            </nav>
            <div class="part-mor">
                <h3 class="section-title"><span><i class="fa fa-rss-square"></i>相关阅读</span></h3>
                <ul class="section-cont-tags section-xiangguan pic-box-list clearfix">
                    
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/qing-song-shang-shou-duan-xin-sou-ji-biao-dan-san-bu-jiao-ni-shou-ji-ke-hu-xin-xi-ti-sheng-ye-wu-xia.html">
                            <h3>轻松上手短信搜集表单：三步教你收集客户信息，提升业务效率</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/jie-mi-ru-he-qing-song-shou-ji-ke-hu-xu-qiu-da-zao-gao-xiao-xu-qiu-diao-yan-biao-dan-quan-gong-lve.html">
                            <h3>揭秘如何轻松收集客户需求：打造高效需求调研表单全攻略</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/can-ting-jing-ying-guan-li-bi-bei-quan-mian-ji-he-biao-dan-jie-xi-yu-shi-zhan-ying-yong.html">
                            <h3>餐厅经营管理必备：全面稽核表单解析与实战应用</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/xue-hui-zhe-zhao-qing-song-zhang-wo-tong-yong-jquery-biao-dan-yan-zheng-ma-cao-zuo-ji-qiao.html">
                            <h3>学会这招，轻松掌握通用jQuery表单验证码操作技巧</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/zhong-yang-5-tai-zhi-bo-jie-mu-biao-dan-mei-ri-jing-cai-sai-shi-yi-wang-da-jin.html">
                            <h3>中央5台直播节目表单：每日精彩赛事，一网打尽！</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/shou-ji-wang-zhan-you-hua-jiao-ni-ru-he-she-ji-jian-jie-gao-xiao-de-biao-dan-shu-ru-yuan-su-ti-sheng.html">
                            <h3>手机网站优化：教你如何设计简洁高效的表单输入元素，提升用户体验</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/can-guan-zhang-mu-biao-dan-qing-song-zhang-wo-can-yin-ye-shou-ru-zhi-chu-jie-mi-jing-ying-mi-jue.html">
                            <h3>餐馆账目表单：轻松掌握餐饮业收入支出，揭秘经营秘诀！</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/ru-he-qing-song-zhang-wo-biao-qian-ti-jiao-he-biao-dan-ti-jiao-de-shi-yong-ji-qiao.html">
                            <h3>如何轻松掌握标签提交和表单提交的实用技巧</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/jie-mi-sa-shui-che-zu-lin-fei-yong-quan-jie-xi-bu-tong-che-xing-shi-duan-jia-ge-da-jie-mi.html">
                            <h3>揭秘洒水车租赁费用全解析，不同车型、时段价格大揭秘</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/xue-hui-zhe-5-zhao-qing-song-ti-sheng-web-biao-dan-ti-jiao-cheng-gong-lv-gao-bie-tian-xie-fan-nao.html">
                            <h3>学会这5招，轻松提升Web表单提交成功率，告别填写烦恼！</h3>
                            <p><b class="datetime">2026-07-13</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    
                </ul>
            </div>
            <p class="copyrighit">
                <span>
                本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
                如若内容造成侵权、违法违规、事实不符，请联系我们进行投诉反馈，一经查实，立即处理！
                </span><br>
                <span>转载请注明出处，原文链接：https://www.cqxzm.cn/views/le-jie-chang-yong-biao-dan-biao-qian-zhang-wo-ta-men-zai-wang-ye-she-ji-zhong-de-zuo-yong-zhi-guan-z.html</span>
            </p>
        </div>
        <aside class="side fr" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 0px;">

<div class="theiaStickySidebar"
                 style="padding-top: 0px; padding-bottom: 0px; position: static; top: 15px; left: 1222.02px;">
                <section class="widget" id="divPrevious">
                    <h3 class="widget-title"><i class="fa fa-divPrevious"></i><span>最新文章</span></h3>
                    <ul class="widget-box divPrevious">
                        
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-1">1</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/zhi-chang-xiao-zhu-shou-li-zhi-bu-qiu-ren-jiao-ni-qing-song-ban-li-li-zhi-shou-xu-quan-gong-lve.html" title="职场小助手：离职不求人，教你轻松办理离职手续全攻略">职场小助手：离职不求人，教你轻松办理离职手续全攻略</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-2">2</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/bao-shi-jie-zui-xin-jiang-jia-xin-xi-jie-mi-re-men-che-xing-you-hui-li-du-gou-che-sheng-xin-gong-lve.html" title="保时捷最新降价信息：揭秘热门车型优惠力度，购车省心攻略！">保时捷最新降价信息：揭秘热门车型优惠力度，购车省心攻略！</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-3">3</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/mian-fei-fan-jia-biao-dan-qing-song-guan-li-shu-ju-qi-ye-bi-bei-shi-yong-gong-ju-jie-mi.html" title="免费番茄表单，轻松管理数据，企业必备实用工具揭秘">免费番茄表单，轻松管理数据，企业必备实用工具揭秘</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-4">4</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/jin-shu-ju-biao-dan-shan-chu-gong-lve-qing-song-ji-bu-an-quan-qing-chu-bu-zai-xu-yao-de-biao-dan-xin.html" title="金数据表单删除攻略：轻松几步，安全清除不再需要的表单信息">金数据表单删除攻略：轻松几步，安全清除不再需要的表单信息</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-5">5</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/ru-he-qing-song-zhi-zuo-shi-yong-xin-xi-ti-jiao-biao-dan-mo-ban-ti-gao-shu-ju-shou-ji-xiao-lv.html" title="如何轻松制作实用信息提交表单模板，提高数据收集效率">如何轻松制作实用信息提交表单模板，提高数据收集效率</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-6">6</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/xin-xi-liu-you-hua-ji-qiao-ru-he-gao-xiao-shou-ji-yong-hu-shu-ju-ti-sheng-biao-dan-tian-xie-lv.html" title="信息流优化技巧：如何高效收集用户数据，提升表单填写率">信息流优化技巧：如何高效收集用户数据，提升表单填写率</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-7">7</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/ru-he-xuan-ze-si-xin-hai-shi-zai-xian-biao-dan-rang-ni-de-gou-tong-geng-gao-xiao.html" title="如何选择：私信还是在线表单，让你的沟通更高效">如何选择：私信还是在线表单，让你的沟通更高效</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-8">8</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/jie-mi-ru-he-li-yong-tong-yong-shen-he-biao-dan-qing-song-fa-fang-hong-bao-ti-sheng-yong-hu-can-yu-d.html" title="揭秘：如何利用通用审核表单轻松发放红包，提升用户参与度">揭秘：如何利用通用审核表单轻松发放红包，提升用户参与度</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-9">9</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/fei-shu-biao-dan-qing-song-ti-jiao-tong-zhi-gao-xiao-ban-gong-bi-bei-ji-qiao-da-jie-mi.html" title="飞书表单轻松提交通知，高效办公必备技巧大揭秘">飞书表单轻松提交通知，高效办公必备技巧大揭秘</a>
                            </span>
                        </li>
                        
                        <li>
                            <span class="rankLeft">
                                <span class="rankNum num-10">10</span>
                                <span class="slash"></span>
                            </span>
                            <span class="text">
                                <a href="https://www.cqxzm.cn/views/bao-shan-wen-yi-sheng-yan-jing-cai-jie-mu-biao-dan-qiang-xian-kan-bu-rong-cuo-guo-de-wen-hua-sheng-y.html" title="保山文艺盛宴：精彩节目表单抢先看，不容错过的文化盛宴！">保山文艺盛宴：精彩节目表单抢先看，不容错过的文化盛宴！</a>
                            </span>
                        </li>
                        
                        
                    </ul>
                </section>
                <section class="widget wow fadeInDown" id="divPrevious"
                         style="visibility: visible; animation-name: fadeInDown;">
                    <h3 class="widget-title"><i class="fa fa-divPrevious"></i><span>热门文章</span></h3>
                    
                    <ul class="widget-box divPrevious">
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-1">1</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.cqxzm.cn/views/xin-xi-liu-you-hua-ji-qiao-ru-he-gao-xiao-shou-ji-yong-hu-shu-ju-ti-sheng-biao-dan-tian-xie-lv.html"
                                                  title="信息流优化技巧：如何高效收集用户数据，提升表单填写率">信息流优化技巧：如何高效收集用户数据，提升表单填写率</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-2">2</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.cqxzm.cn/views/ru-he-qing-song-zhi-zuo-shi-yong-xin-xi-ti-jiao-biao-dan-mo-ban-ti-gao-shu-ju-shou-ji-xiao-lv.html"
                                                  title="如何轻松制作实用信息提交表单模板，提高数据收集效率">如何轻松制作实用信息提交表单模板，提高数据收集效率</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-3">3</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.cqxzm.cn/views/jin-shu-ju-biao-dan-shan-chu-gong-lve-qing-song-ji-bu-an-quan-qing-chu-bu-zai-xu-yao-de-biao-dan-xin.html"
                                                  title="金数据表单删除攻略：轻松几步，安全清除不再需要的表单信息">金数据表单删除攻略：轻松几步，安全清除不再需要的表单信息</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-4">4</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.cqxzm.cn/views/mian-fei-fan-jia-biao-dan-qing-song-guan-li-shu-ju-qi-ye-bi-bei-shi-yong-gong-ju-jie-mi.html"
                                                  title="免费番茄表单，轻松管理数据，企业必备实用工具揭秘">免费番茄表单，轻松管理数据，企业必备实用工具揭秘</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-5">5</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.cqxzm.cn/views/bao-shi-jie-zui-xin-jiang-jia-xin-xi-jie-mi-re-men-che-xing-you-hui-li-du-gou-che-sheng-xin-gong-lve.html"
                                                  title="保时捷最新降价信息：揭秘热门车型优惠力度，购车省心攻略！">保时捷最新降价信息：揭秘热门车型优惠力度，购车省心攻略！</a></span>
                        </li>
                        
                        <li>
                            <span class="rankLeft"><span class="rankNum num-6">6</span><span
                                    class="slash"></span></span>
                            <span class="text"><a href="https://www.cqxzm.cn/views/zhi-chang-xiao-zhu-shou-li-zhi-bu-qiu-ren-jiao-ni-qing-song-ban-li-li-zhi-shou-xu-quan-gong-lve.html"
                                                  title="职场小助手：离职不求人，教你轻松办理离职手续全攻略">职场小助手：离职不求人，教你轻松办理离职手续全攻略</a></span>
                        </li>
                        
                    </ul>
                    
                </section>
            </div>
        </aside>
    </div>
    <script src="https://www.cqxzm.cn/static/nobug_blog/js/content.js"></script>
</main>

<footer class="site-footer footer">
    <div class="site-info clearfix">
        <div class="container">
            <div class="footer-center">
                <div class="footer-l-top clearfix">
                    
                    
                </div>
                
                
                
                <span id="publishDate" style="display:none;">2024/11/11</span>
                
                <div class="footer-l-btm">
                    <p class="btm-text"><a class="ico-ico" href="http://beian.miit.gov.cn/" rel="nofollow"
                                           target="_blank" title=""><img
                            src="https://www.cqxzm.cn/static/nobug_blog/images/icp.png" alt="">备案号：</a>
                    </p>
                    <p class="top-text"> 安全运行<span id="publishDays"></span>天
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div id="backtop" class="backtop">
        <div class="bt-box top" style="display: block;"><i class="fa fa-angle-up fa-2x"></i></div>
        <div class="bt-box bottom"><i class="fa fa-angle-down fa-2x"></i></div>
    </div>
</footer>
<script src="https://www.cqxzm.cn/static/nobug_blog/js/custom.js"></script>
<script src="https://www.cqxzm.cn/static/nobug_blog/js/jquery.lazy.js"></script>
<script>
    function siteRun(d) {
        var nowD = new Date();
        return parseInt((nowD.getTime() - Date.parse(d)) / 24 / 60 / 60 / 1000)
    }
    var date = document.getElementById("publishDate").textContent;

var day = siteRun(date);
    if(!day){
        day = "100";
    }

document.getElementById("publishDays").innerHTML = day;
</script>
</body>
<script>
(function() {
  var al = document.createElement("script");
  al.src = "/api/log?action=views&code=200&id=1690342&path=http%3A%2F%2Fwww.cqxzm.cn%2Fviews%2Fle-jie-chang-yong-biao-dan-biao-qian-zhang-wo-ta-men-zai-wang-ye-she-ji-zhong-de-zuo-yong-zhi-guan-z.html&type=archive&nonce="+Date.now();
  document.body.appendChild(al);
})();
</script>

</html>