在HTML中，表单标签用于创建一个容器，用户可以在其中输入和提交数据。以下是一些常见的表单标签： 1. `<form>` - 定义HTML表单。 2. `<input>` - 定义输入字段。 3. `<textarea>` - 定义多行的文本输入控件。 4. `<button>` - 定义按钮。 5. `<select>`

当前位置：首页表单在HTML中，表单标签用于创建一个容器，用户可以在其中输入和提交数据。以下是一些常见的表单标签： 1. `

` - 定义HTML表单。 2. `` - 定义输入字段。 3. `

` - 定义多行的文本输入控件。
4. `<button>` - 定义按钮。
5. `<select>` - 定义下拉列表。
6. `<option>` -</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/zai-html-zhong-biao-dan-biao-qian-yong-yu-chuang-jian-yi-ge-rong-qi-yong-hu-ke-yi-zai-qi-zhong-shu-r.html" title="减小字体"><i
                                    class="fa fa-minus-square-o"></i></a></span>
                            <span id="font-int"><a href="https://www.cqxzm.cn/views/zai-html-zhong-biao-dan-biao-qian-yong-yu-chuang-jian-yi-ge-rong-qi-yong-hu-ke-yi-zai-qi-zhong-shu-r.html" title="默认字体"><i
                                    class="fa fa-font"></i></a></span>
                            <span id="font-inc"><a href="https://www.cqxzm.cn/views/zai-html-zhong-biao-dan-biao-qian-yong-yu-chuang-jian-yi-ge-rong-qi-yong-hu-ke-yi-zai-qi-zhong-shu-r.html" title="增大字体"><i
                                    class="fa fa-plus-square-o"></i></a></span>
                        </div>
                    </h6>
                    
                    <h1 class="entry-title page-title">在HTML中，表单标签用于创建一个容器，用户可以在其中输入和提交数据。以下是一些常见的表单标签：

1. `<form>` - 定义HTML表单。
2. `<input>` - 定义输入字段。
3. `<textarea>` - 定义多行的文本输入控件。
4. `<button>` - 定义按钮。
5. `<select>` - 定义下拉列表。
6. `<option>` -</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-06-22 14:12:44"><span class="separator">/</span>2026-06-22 14:12:44</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">06</span><span class="day">22</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>在构建交互式网页时，表单是不可或缺的元素。它允许用户与网站进行数据交换，如提交信息、注册账户或进行搜索等。HTML提供了丰富的表单标签，帮助我们创建功能齐全的表单。以下是对这些标签的详细介绍。</p>

<h2><code><form></code> - 定义HTML表单</h2>

<p><code><form></code>标签是表单的最外层容器，它定义了表单的起始和结束。以下是一个简单的表单示例：</p>

<p>在这个例子中，<code>action</code>属性指定了表单提交后要发送到的服务器URL，而<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>标签用于创建多行的文本输入控件，常用于长文本输入，如评论或留言。</p>

<pre><code class="language-html"><textarea name="message" rows="4" cols="50">请输入您的留言</textarea>
</code></pre>

<p>在这个例子中，<code>rows</code>和<code>cols</code>属性定义了文本区域的行数和列数。</p>

<p><code><button></code>标签用于创建按钮，可以与<code><form></code>标签一起使用来提交表单，或者与JavaScript结合实现其他功能。</p>

<h2><code><select></code> - 定义下拉列表</h2>

<p><code><select></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><option></code> - 定义下拉列表中的选项</h2>

<p><code><option></code>标签用于在<code><select></code>标签中定义下拉列表的选项。</p>

<pre><code class="language-html"><option value="volvo">Volvo</option>
</code></pre>

<h2><code><label></code> - 定义输入字段的标签</h2>

<p><code><label></code>标签用于定义输入字段的标签，它可以将文本与对应的输入字段关联起来，提高用户体验。</p>

<p>在这个例子中，<code>for</code>属性与输入字段的<code>id</code>属性相匹配，这样点击标签文本时，焦点会自动跳转到对应的输入字段。</p>

<h2><code><fieldset></code> - 定义表单内的分组</h2>

<p><code><fieldset></code>标签用于将表单内的元素分组，通常与<code><legend></code>标签一起使用来定义分组标题。</p>

<h2><code><legend></code> - 定义表头的标题</h2>

<p><code><legend></code>标签用于在<code><fieldset></code>标签中定义分组标题。</p>

<p>通过以上对HTML表单标签的详细介绍，相信你已经对这些标签有了更深入的了解。在实际开发中，灵活运用这些标签，可以帮助你创建出功能丰富、用户体验良好的表单。</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/xia-ri-kuang-huan-ri-zhao-yin-le-jie-quan-ming-xing-zhen-rong-yan-chu-biao-dan-da-jie-mi-dai-ni-ling.html"
                       title="夏日狂欢！日照音乐节全明星阵容演出表单大揭秘，带你领略音乐魅力">
                       <span>夏日狂欢！日照音乐节全明星阵容演出表单大揭秘，带你领略音乐魅力</span>
                    </a>
                    <div class="entry-page-info">
                        <span class="pull-left">« 上一篇</span><span class="pull-right">2026-06-22</span>
                    </div>
                </div>

<div class="entry-page-next j-lazy"
                     ">
                    <a href="https://www.cqxzm.cn/views/dian-nao-biao-dan-ti-jiao-shi-bai-chang-jian-yuan-yin-ji-jie-jue-ji-qiao-da-jie-mi.html" title="电脑表单提交失败？常见原因及解决技巧大揭秘">
                        <span>电脑表单提交失败？常见原因及解决技巧大揭秘</span>
                    </a>
                    <div class="entry-page-info">
                        <span class="pull-right">下一篇  »</span>
                        <span class="pull-left">2026-06-22</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/xia-ri-kuang-huan-ri-zhao-yin-le-jie-quan-ming-xing-zhen-rong-yan-chu-biao-dan-da-jie-mi-dai-ni-ling.html">
                            <h3>夏日狂欢！日照音乐节全明星阵容演出表单大揭秘，带你领略音乐魅力</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/jie-mi-wang-ye-biao-dan-ru-he-yong-window-open-qing-song-ti-jiao-wu-xu-shua-xin-ye-mian-cao-zuo-zhi.html">
                            <h3>揭秘网页表单如何用window.open轻松提交：无需刷新页面，操作指南全解析</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/ru-he-yong-cu-xiao-biao-dan-qing-song-ti-sheng-xiao-shou-e-jie-mi-shang-jia-gao-xiao-zhuan-hua-ke-hu.html">
                            <h3>如何用促销表单轻松提升销售额？揭秘商家高效转化客户技巧</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/jie-mi-gao-xiao-web-biao-dan-ce-shi-ji-qiao-qing-song-ti-sheng-yong-hu-ti-yan-bi-mian-chang-jian-wen.html">
                            <h3>揭秘高效Web表单测试技巧：轻松提升用户体验，避免常见问题全攻略</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/wang-ye-biao-dan-bu-ju-you-hua-qing-song-ti-sheng-yong-hu-ti-yan-de-6-da-she-ji-mi-jue.html">
                            <h3>网页表单布局优化：轻松提升用户体验的6大设计秘诀</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/dian-nao-biao-dan-ti-jiao-shi-bai-chang-jian-yuan-yin-ji-jie-jue-ji-qiao-da-jie-mi.html">
                            <h3>电脑表单提交失败？常见原因及解决技巧大揭秘</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/ri-qi-biao-dan-yuan-su-qing-song-zhang-wo-tian-xie-ji-qiao-gao-bie-shu-ru-cuo-wu-fan-nao.html">
                            <h3>日期表单元素：轻松掌握填写技巧，告别输入错误烦恼</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/qing-song-tian-xie-yi-bu-dao-wei-jie-mi-xin-xi-ti-jiao-biao-dan-jie-mian-de-shi-yong-ji-qiao-yu-cha.html">
                            <h3>“轻松填写，一步到位：揭秘信息提交表单界面的实用技巧与常见问题解答”</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/ru-he-gao-xiao-tian-xie-xin-xi-shou-ji-biao-dan-qing-song-ying-dui-ge-lei-diao-cha-wen-juan.html">
                            <h3>如何高效填写信息收集表单，轻松应对各类调查问卷</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="https://www.cqxzm.cn/views/jie-mi-xin-xi-liu-biao-dan-de-ao-mi-ru-he-qing-song-shou-ji-yong-hu-shu-ju-ti-sheng-yong-hu-ti-yan.html">
                            <h3>揭秘信息流表单的奥秘：如何轻松收集用户数据，提升用户体验</h3>
                            <p><b class="datetime">2026-06-22</b><span class="viewd">0 人在看</span></p>
                        </a>
                    </li>
                    
                    
                </ul>
            </div>
            <p class="copyrighit">
                <span>
                本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
                如若内容造成侵权、违法违规、事实不符，请联系我们进行投诉反馈，一经查实，立即处理！
                </span><br>
                <span>转载请注明出处，原文链接：https://www.cqxzm.cn/views/zai-html-zhong-biao-dan-biao-qian-yong-yu-chuang-jian-yi-ge-rong-qi-yong-hu-ke-yi-zai-qi-zhong-shu-r.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/yin-xing-zai-xian-biao-dan-qing-song-tian-xie-an-quan-kuai-jie-nin-de-jin-rong-sheng-huo-geng-bian-j.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/qing-song-xue-hui-xia-zai-biao-dan-an-niu-shi-yong-jiao-cheng-ji-chang-jian-wen-ti-jie-da.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/jie-mi-ru-he-qing-song-tian-xie-quan-tou-ping-tai-biao-dan-kuai-su-wan-cheng-zhu-ce-yu-bao-ming.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/ru-he-qing-song-wan-cheng-bu-ding-zhang-biao-dan-ti-jiao-jie-jue-ge-zhong-biao-dan-nan-ti-gong-lve-d.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-da-jian-ge-xing-hua-biao-dan-he-liu-cheng-ti-sheng-gong-zuo-xiao-lv-yu-yong-hu-ti-ya.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/xi-shan-qu-bao-jie-fu-wu-tou-ming-jia-ge-bu-tong-fu-wu-xiang-mu-shou-fei-biao-zhun-yi-lan.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/jie-mi-xin-xi-liu-biao-dan-ru-he-qing-song-shou-ji-yong-hu-shu-ju-ti-sheng-yong-hu-ti-yan.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/qing-song-xue-hui-tian-biao-gong-lve-xin-xi-shou-ji-biao-dan-de-tian-xie-ji-qiao-yu-chang-jian-wen-t.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/ru-he-qing-song-tian-xie-xin-xi-ti-jiao-biao-dan-chang-jian-wen-ti-jie-da-yu-shi-yong-ji-qiao-yi-wan.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/shou-ji-shang-tian-biao-ri-qi-xuan-na-ge-ri-qi-ge-shi-zui-fang-bian-shou-ji-ri-qi-xuan-ze-qi-zen-me.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/xi-shan-qu-bao-jie-fu-wu-tou-ming-jia-ge-bu-tong-fu-wu-xiang-mu-shou-fei-biao-zhun-yi-lan.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-da-jian-ge-xing-hua-biao-dan-he-liu-cheng-ti-sheng-gong-zuo-xiao-lv-yu-yong-hu-ti-ya.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/ru-he-qing-song-wan-cheng-bu-ding-zhang-biao-dan-ti-jiao-jie-jue-ge-zhong-biao-dan-nan-ti-gong-lve-d.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/jie-mi-ru-he-qing-song-tian-xie-quan-tou-ping-tai-biao-dan-kuai-su-wan-cheng-zhu-ce-yu-bao-ming.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/qing-song-xue-hui-xia-zai-biao-dan-an-niu-shi-yong-jiao-cheng-ji-chang-jian-wen-ti-jie-da.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/yin-xing-zai-xian-biao-dan-qing-song-tian-xie-an-quan-kuai-jie-nin-de-jin-rong-sheng-huo-geng-bian-j.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=1468937&path=http%3A%2F%2Fwww.cqxzm.cn%2Fviews%2Fzai-html-zhong-biao-dan-biao-qian-yong-yu-chuang-jian-yi-ge-rong-qi-yong-hu-ke-yi-zai-qi-zhong-shu-r.html&type=archive&nonce="+Date.now();
  document.body.appendChild(al);
})();
</script>

</html>