HTML表单与跨单元格输入关联技巧

作者：暮色微凉时间：2025-09-27 浏览：0

在HTML表格中直接将<form>标签置于<tr>内部或跨越多个<td>是非法的，会导致表单提交失败。本文将介绍如何利用HTML5的form属性，优雅地解决这一问题。通过为表单指定ID，并让输入元素通过form属性关联到该ID，即使表单元素和其对应的输入字段在表格结构中不直接嵌套，也能实现正确的表单提交功能，从而确保HTML结构的有效性和功能的完整性。

HTML表格中表单的正确使用与跨单元格输入关联

在HTML表格中直接将

标签置于内部或跨越多个是非法的，会导致表单提交失败。本文将介绍如何利用HTML5的form属性，优雅地解决这一问题。通过为表单指定ID，并让输入元素通过form属性关联到该ID，即使表单元素和其对应的输入字段在表格结构中不直接嵌套，也能实现正确的表单提交功能，从而确保HTML结构的有效性和功能的完整性。

HTML表格与表单嵌套的规范性问题

在构建网页时，开发者有时会遇到需要在HTML表格中集成表单的需求。然而，将标签直接放置在标签内部，或者使其跨越多个单元格，是常见的HTML结构错误。HTML规范明确指出，标签的直接子元素只能是或。因此，以下这种结构是无效的：

这种不符合规范的结构会导致浏览器解析错误，进而可能造成表单无法正确提交数据到服务器端（例如PHP的POST方法）。即使在某些浏览器下表面看起来正常，其行为也可能是不稳定或不可预测的。当涉及到jQuery动态加载数据等复杂场景时，由于无法将包裹在

内部，这一问题显得尤为突出。

解决方案：利用HTML5 form 属性

为了解决上述问题，同时保持HTML结构的有效性，我们可以利用HTML5引入的form属性。这个属性允许我们将输入元素（如、、<select>、<button>等）与页面上任何位置的<form>元素关联起来，即使它们在DOM树中不直接嵌套。</p><h4>form 属性的工作原理</h4><ol><li><strong>定义表单：</strong> 首先，在符合HTML规范的位置定义一个<form>元素，并为其指定一个唯一的id。通常，这个<form>元素可以放置在表格的某个<td>内部，或者甚至完全放置在表格结构之外。</li><li><strong>关联输入元素：</strong> 然后，对于需要与该表单关联的每个输入元素，添加form属性，并将其值设置为表单的id。</li></ol><h4>示例代码</h4><p>以下是如何使用form属性来正确构建表格内表单的示例：</p><pre class="brush:php;toolbar:false"><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML表格中表单的正确使用</title> <style> table, th, td { border: 1px solid black; border-collapse: collapse; padding: 8px; text-align: left; } form { margin-bottom: 0; /* 移除表单默认外边距，以更好地融入表格单元格 */ } </style> </head> <body> <h1>产品库存管理</h1> <table> <thead> <tr> <th>产品名称</th> <th>库存数量</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>产品A</td> <td>  <input type="number" name="quantityA" value="100" form="updateForm1"> </td> <td>  <form id="updateForm1" method="post" action="/update_product.php"> <input type="hidden" name="productId" value="A123"> <button type="submit">更新</button> </form> </td> </tr> <tr> <td>产品B</td> <td> <input type="number" name="quantityB" value="50" form="updateForm2"> </td> <td> <form id="updateForm2" method="post" action="/update_product.php"> <input type="hidden" name="productId" value="B456"> <button type="submit">更新</button> </form> </td> </tr> <tr> <td>产品C</td> <td> <input type="number" name="quantityC" value="200" form="updateForm3"> </td> <td> <form id="updateForm3" method="post" action="/update_product.php"> <input type="hidden" name="productId" value="C789"> <button type="submit">更新</button> </form> </td> </tr> </tbody> </table> <h3>全局表单示例（表单在表格外部）</h3> <form id="globalSearchForm" method="get" action="/search_products.php"> <label for="searchQuery">搜索产品:</label> <input type="text" id="searchQuery" name="query"> <button type="submit">搜索</button> </form> <table> <thead> <tr> <th>产品ID</th> <th>产品名称</th> <th>价格</th> </tr> </thead> <tbody> <tr> <td>P001</td>  <td><input type="text" name="productNameFilter" value="" form="globalSearchForm" placeholder="在此输入过滤名称"></td> <td><input type="number" name="minPriceFilter" value="" form="globalSearchForm" placeholder="最小价格"></td> </tr> <tr> <td>P002</td> <td>显示产品名称</td> <td>19.99</td> </tr> </tbody> </table> </body> </html></pre><p>在上面的示例中，每个“更新”表单（updateForm1, updateForm2, updateForm3）都完整地包含在一个<td>单元格内。而其对应的数量输入框（quantityA, quantityB, quantityC）则位于另一个<td>中，通过form="表单ID"属性与相应的表单建立了关联。这样，当点击“更新”按钮时，即使输入框和提交按钮不在同一个表单标签内，也能正确提交数据。</p><p>第二个示例展示了表单完全在表格外部，但表格内部的输入框仍然可以通过form属性关联到它。</p><h3>注意事项</h3><ol><li><strong>HTML规范：</strong> 始终遵循HTML规范是构建健壮和可维护网页的基础。form属性是HTML5的标准特性，使用它能确保代码的有效性。</li><li><strong>浏览器兼容性：</strong> HTML5 form属性在现代浏览器中得到了广泛支持（包括IE10+）。如果需要支持更老的浏览器，可能需要考虑其他JavaScript解决方案或调整HTML结构。</li><li><strong>动态数据绑定：</strong> 对于使用jQuery或其他JavaScript框架进行动态数据绑定的场景，此方法同样适用。当动态生成<tr>或<td>时，只需确保输入元素正确地设置了form属性，指向页面上已存在的表单ID即可。</li><li><strong>语义化：</strong> 尽管form属性提供了灵活性，但在可能的情况下，仍应尽量将表单和其相关的输入元素组织在一起，以增强代码的可读性和语义化。只有当结构限制（如本例中的表格布局）迫使分离时，才使用form属性作为解决方案。</li><li><strong>多个表单：</strong> 如果一个页面有多个表单，确保每个表单都有唯一的id，并且输入元素的form属性值与目标表单的id精确匹配。</li></ol><h3>总结</h3><p>通过巧妙地运用HTML5的form属性，我们可以优雅地解决在HTML表格中嵌套表单时遇到的结构性挑战。这种方法不仅保证了HTML代码的有效性和语义化，也提供了足够的灵活性来处理复杂的布局需求，例如在动态加载数据的表格中关联表单输入。遵循这些最佳实践，可以显著提升网页的健壮性、可维护性和用户体验。</p> </div> <span class="article_notice">本文内容来源于互联网，如有侵权请联系删除。</span> <div class="article_otherarticle"> <span>作者最新文章</span> <div> <div class="otherarticles"> <a href="/news/752346" title="白描 PDF"><span>白描 PDF</span></a> <span>2026-09-16 17:44</span> </div> <div class="otherarticles"> <a href="/news/752369" title="密码键盘"><span>密码键盘</span></a> <span>2026-09-16 17:43</span> </div> <div class="otherarticles"> <a href="/news/768061" title="3dmax快捷键失效了怎么办"><span>3dmax快捷键失效了怎么办</span></a> <span>2026-09-16 13:53</span> </div> <div class="otherarticles"> <a href="/news/768029" title="Xiaomi 18 Fold首销数据解读：较上代大折叠增长310%的原因与配置分析"><span>Xiaomi 18 Fold首销数据解读：较上代大折叠增长310%的原因与配置分析</span></a> <span>2026-09-08 16:55</span> </div> <div class="otherarticles"> <a href="/news/767766" title="PDF文件太大怎么压缩？在线减小体积的操作步骤"><span>PDF文件太大怎么压缩？在线减小体积的操作步骤</span></a> <span>2026-09-03 11:12</span> </div> </div> </div> <div class="article_card_class"> <a href="/newslist/313_1" title="编程开发">编程开发</a> </div> <div class="article_nearby"> <div> <span>上一篇：</span> <a href="/news/481646" title="Excel单元格合并方法详解" class="woh">Excel单元格合并方法详解</a> </div> <div> <span>下一篇：</span> <a href="/news/768097" title="Photoshop快捷键修改在哪里？PS2020快捷键设置方法" class="woh">Photoshop快捷键修改在哪里？PS2020快捷键设置方法</a> </div> </div> <div class="article_related"> <div class="index_title flexBox"> <span>相关文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="article_relatedM swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/768094" title="C++动态数组初始化怎么写？常用语句与代码示例" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260921/325ccf3014afc452a22900e0a9d1850e.webp" src="/static/m/images/moren.png" alt="C++动态数组初始化怎么写？常用语句与代码示例" class="oimg" /></a> <div> <a href="/news/768094" title="C++动态数组初始化怎么写？常用语句与代码示例" class="indexMain4Ms_title poh">C++动态数组初始化怎么写？常用语句与代码示例</a> <div class="indexMain4Ms_info"> <div class="indexMain4Ms_class ohx"> <a href="/newslist/7360_1" title="内存管理">内存管理</a> <a href="/newslist/7937_1" title="C++">C++</a> <a href="/newslist/35514_1" title="动态数组">动态数组</a> </div> <span>09.21</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736200" title="using namespace 使用中遇到的问题怎么解决" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605885655125.webp" src="/static/m/images/moren.png" alt="using namespace 使用中遇到的问题怎么解决" class="oimg" /></a> <div> <a href="/news/736200" title="using namespace 使用中遇到的问题怎么解决" class="indexMain4Ms_title poh">using namespace 使用中遇到的问题怎么解决</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736199" title="c语言函数递归实操经验总结：这些技巧很实用" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605879214771.webp" src="/static/m/images/moren.png" alt="c语言函数递归实操经验总结：这些技巧很实用" class="oimg" /></a> <div> <a href="/news/736199" title="c语言函数递归实操经验总结：这些技巧很实用" class="indexMain4Ms_title poh">c语言函数递归实操经验总结：这些技巧很实用</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/736198" title="c语言函数递归怎么选？常见方案对比分析" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605874187563.webp" src="/static/m/images/moren.png" alt="c语言函数递归怎么选？常见方案对比分析" class="oimg" /></a> <div> <a href="/news/736198" title="c语言函数递归怎么选？常见方案对比分析" class="indexMain4Ms_title poh">c语言函数递归怎么选？常见方案对比分析</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736197" title="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605862499192.webp" src="/static/m/images/moren.png" alt="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="oimg" /></a> <div> <a href="/news/736197" title="Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解" class="indexMain4Ms_title poh">Objective-C 内存管理入门：从 alloc 到 dealloc 的生命周期详解</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736196" title="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605861766536.webp" src="/static/m/images/moren.png" alt="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="oimg" /></a> <div> <a href="/news/736196" title="如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏" class="indexMain4Ms_title poh">如何正确使用 dealloc 以避免 iOS 应用中的内存泄漏</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/736195" title="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605861197821.webp" src="/static/m/images/moren.png" alt="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="oimg" /></a> <div> <a href="/news/736195" title="深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制" class="indexMain4Ms_title poh">深入理解 Objective-C 中的 dealloc 方法：内存管理核心机制</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736194" title="理解 native2ascii：Java 国际化开发中的字符编码工具" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605849623470.webp" src="/static/m/images/moren.png" alt="理解 native2ascii：Java 国际化开发中的字符编码工具" class="oimg" /></a> <div> <a href="/news/736194" title="理解 native2ascii：Java 国际化开发中的字符编码工具" class="indexMain4Ms_title poh">理解 native2ascii：Java 国际化开发中的字符编码工具</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> <div class="indexMain4Ms"> <a href="/news/736193" title="如何使用 native2ascii 转换中文字符为 Unicode 转义序列" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605844216359.webp" src="/static/m/images/moren.png" alt="如何使用 native2ascii 转换中文字符为 Unicode 转义序列" class="oimg" /></a> <div> <a href="/news/736193" title="如何使用 native2ascii 转换中文字符为 Unicode 转义序列" class="indexMain4Ms_title poh">如何使用 native2ascii 转换中文字符为 Unicode 转义序列</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4Ms"> <a href="/news/736192" title="Java native2ascii 命令详解：解决属性文件乱码问题" class="indexMain4Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260807/178605843692096.webp" src="/static/m/images/moren.png" alt="Java native2ascii 命令详解：解决属性文件乱码问题" class="oimg" /></a> <div> <a href="/news/736192" title="Java native2ascii 命令详解：解决属性文件乱码问题" class="indexMain4Ms_title poh">Java native2ascii 命令详解：解决属性文件乱码问题</a> <div class="indexMain4Ms_info"> <span>08.07</span> </div> </div> </div> </div> </div> <div class="article_relatedM_pagination"></div> </div> </div> <div class="indexMain4R1"> <div class="index_title flexBox"> <span>热门文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="indexMain4R1M"> <a href="/news/561233" title="Yandex中文入口及登录使用全攻略" class=""><span class="woh">Yandex中文入口及登录使用全攻略</span></a> <a href="/news/561969" title="51漫画高清入口及最新章节更新" class=""><span class="woh">51漫画高清入口及最新章节更新</span></a> <a href="/news/469906" title="B站免费入口永久有效网址推荐" class=""><span class="woh">B站免费入口永久有效网址推荐</span></a> <a href="/news/536543" title="58动漫网入口及永久访问方法" class=""><span class="woh">58动漫网入口及永久访问方法</span></a> <a href="/news/573074" title="蓝海书屋免费小说全本阅读推荐入口" class=""><span class="woh">蓝海书屋免费小说全本阅读推荐入口</span></a> <a href="/news/563134" title="B站免费入口网站高效连接方法" class=""><span class="woh">B站免费入口网站高效连接方法</span></a> <a href="/news/559231" title="高德地图开启海拔显示方法" class=""><span class="woh">高德地图开启海拔显示方法</span></a> <a href="/news/532156" title="ACG动漫资源站官网入口及全集链接" class=""><span class="woh">ACG动漫资源站官网入口及全集链接</span></a> </div> </div> <div class="indexMain4R2"> <div class="index_title flexBox"> <span>精品专题</span> <a href="/newslist/tag_1" title="更多">更多</a> </div> <div class="indexMain4R2M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain4R2Ms"> <a href="/newslist/141356_1" title="装机必备"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/23a0ca69dd790f4a338bf469823181a8.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/141356_1" title="装机必备" class="woh">装机必备</a> <p class="poh">正软商城装机必备专区，精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件，帮助用户快速完成新电脑软件配置。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/2909_1" title="Windows"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/7a276fc2f6c50e3d02985b5c5b8c3791.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/2909_1" title="Windows" class="woh">Windows</a> <p class="poh">正软商城Windows软件专区，汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件，提供软件介绍、系统要求、正版授权及购买下载服务。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/3169_1" title="macOS软件"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/67558ffa810c3aac92a7fc0ec0379666.png" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/3169_1" title="macOS软件" class="woh">macOS软件</a> <p class="poh">正软商城macOS软件专区，精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具，提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。</p> </div> </div> </div> <div class="swiper-slide"> <div class="indexMain4R2Ms"> <a href="/newslist/4170_1" title="IOS软件"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/13f53c6f8a73cfddb8e967fc48566618.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/4170_1" title="IOS软件" class="woh">IOS软件</a> <p class="poh">正软商城iOS软件专区，精选适用于iPhone和iPad的办公、学习、影音、设计、效率及AI应用，提供功能介绍、适用设备、系统要求和正版获取方式等信息。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/3110_1" title="AI"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260916/10188ccb49192fe36d1dff693e4cf0f3.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/3110_1" title="AI" class="woh">AI</a> <p class="poh">正软商城AI软件专区，汇集AI写作、AI绘画、AI视频、AI办公、AI编程、AI翻译、智能客服和数据分析等人工智能工具，提供功能介绍、适用平台、收费方式及正版购买信息。</p> </div> </div> <div class="indexMain4R2Ms"> <a href="/newslist/340_1" title="PDF教程"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260920/178986704893123.webp" src="http://m.zhengruan.com/static/m/images/moren.png" alt="" class="oimg" /></a> <div> <a href="/newslist/340_1" title="PDF教程" class="woh">PDF教程</a> <p class="poh">PDF教程适合刚接触PDF文件的用户,本文整理PDF打开、编辑、转换、合并、压缩等常见基础操作。通过这些教程可以快速了解PDF文件怎么处理,解决办公、学习和资料科整理中的常见问题。使用极轻PDF可在线完成多种PDF操作，适合新手快速上手。</p> </div> </div> </div> </div> <div class="indexMain4R2M_pagination"></div> </div> </div> <div class="indexMain3"> <div class="index_title flexBox"> <span>Mac软件</span> <a href="/newslist/3169_1" title="更多">更多</a> </div> <div class="indexMain3M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752345" title="灵活计算器" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697900269097.png" src="/static/m/images/moren.png" alt="灵活计算器" class="oimg" /></a> <div> <a href="/news/752345" title="灵活计算器" class="indexMain3Ms_title woh">灵活计算器</a> <p class="woh">灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752345" title="灵活计算器" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752357" title="赤友清理大师" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697957425469.png" src="/static/m/images/moren.png" alt="赤友清理大师" class="oimg" /></a> <div> <a href="/news/752357" title="赤友清理大师" class="indexMain3Ms_title woh">赤友清理大师</a> <p class="woh">赤友清理大师是一款为 Mac 设计的智能清理优化工具，可精准扫描垃圾、大文件、重复文件等，释放磁盘空间。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752357" title="赤友清理大师" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752368" title="极度公式" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png" alt="极度公式" class="oimg" /></a> <div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_title woh">极度公式</a> <p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/4040_1" title="Linux">Linux</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752364" title="图几" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697993544041.png" src="/static/m/images/moren.png" alt="图几" class="oimg" /></a> <div> <a href="/news/752364" title="图几" class="indexMain3Ms_title woh">图几</a> <p class="woh">图几是一款适用于 macOS 的截图、标注与美化工具，支持离线操作保障隐私。界面整理和高频系统操作被放到一起考虑，桌面或窗口内容一多时，管理起来会更省心。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752364" title="图几" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png" alt="密码键盘" class="oimg" /></a> <div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_title woh">密码键盘</a> <p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png" alt="思源笔记" class="oimg" /></a> <div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_title woh">思源笔记</a> <p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png" alt="Office 365 简体中文" class="oimg" /></a> <div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_title woh">Office 365 简体中文</a> <p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p> </div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png" alt="WALTR PRO" class="oimg" /></a> <div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_title woh">WALTR PRO</a> <p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png" alt="CodeExpander" class="oimg" /></a> <div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_title woh">CodeExpander</a> <p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png" alt="Mountain Duck" class="oimg" /></a> <div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_title woh">Mountain Duck</a> <p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752366" title="Menuist" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698002923916.png" src="/static/m/images/moren.png" alt="Menuist" class="oimg" /></a> <div> <a href="/news/752366" title="Menuist" class="indexMain3Ms_title woh">Menuist</a> <p class="woh">Menuist 是一款面向 macOS 的 Finder 右键菜单增强工具，主要用来补充新建文件、快捷导航等常用操作，让日常文件管理和访问路径时更高效、更顺手。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752366" title="Menuist" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752365" title="Mole" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697997167385.png" src="/static/m/images/moren.png" alt="Mole" class="oimg" /></a> <div> <a href="/news/752365" title="Mole" class="indexMain3Ms_title woh">Mole</a> <p class="woh">Mole 是一款专为 Mac 设计的深度清理优化工具，涵盖缓存清理、应用管理及实时状态监控等功能。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752365" title="Mole" class="indexMain3Ms_download"></a> </div> </div> </div> <div class="indexMain3M_pagination"></div> </div> </div> <div class="indexMain3"> <div class="index_title flexBox"> <span>WINDOWS</span> <a href="/newslist/2909_1" title="更多">更多</a> </div> <div class="indexMain3M swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752356" title="Windows 10" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178697951292792.png" src="/static/m/images/moren.png" alt="Windows 10" class="oimg" /></a> <div> <a href="/news/752356" title="Windows 10" class="indexMain3Ms_title woh">Windows 10</a> <p class="woh">Windows 10 是一款微软推出的经典操作系统，拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2854_1" title="Windows 10">Windows 10</a> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/4041_1" title="操作系统">操作系统</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752356" title="Windows 10" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752368" title="极度公式" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698012420573.png" src="/static/m/images/moren.png" alt="极度公式" class="oimg" /></a> <div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_title woh">极度公式</a> <p class="woh">极度公式是一款跨平台专业LaTeX公式识别编辑软件，支持OCR公式识别和多平台编辑。和使用说明，避免使用，享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/4040_1" title="Linux">Linux</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752368" title="极度公式" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260818/dfc07fc7a04bdc39bd5410c9bcf26de8.png" src="/static/m/images/moren.png" alt="密码键盘" class="oimg" /></a> <div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_title woh">密码键盘</a> <p class="woh">密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752369" title="密码键盘" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698021436447.png" src="/static/m/images/moren.png" alt="思源笔记" class="oimg" /></a> <div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_title woh">思源笔记</a> <p class="woh">思源笔记是一款本地笔记软件，提供所见即所得的编辑方式，为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> <a href="/newslist/3170_1" title="Android">Android</a> <a href="/newslist/4170_1" title="IOS软件">IOS软件</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752370" title="思源笔记" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752382" title="傲梅轻松备份" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698084562365.png" src="/static/m/images/moren.png" alt="傲梅轻松备份" class="oimg" /></a> <div> <a href="/news/752382" title="傲梅轻松备份" class="indexMain3Ms_title woh">傲梅轻松备份</a> <p class="woh">傲梅轻松备份是一款专业易用的数据备份软件，为重要数据提供安全保障。日常使用里的持续防护和信息管理会更突出，适合把安全控制放进长期使用流程中的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/141356_1" title="装机必备">装机必备</a> </div> </div> <a href="/news/752382" title="傲梅轻松备份" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20200428/73577d473e5a93eb751d1e5afae49316.jpg" src="/static/m/images/moren.png" alt="Office 365 简体中文" class="oimg" /></a> <div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_title woh">Office 365 简体中文</a> <p class="woh"> 一款文字处理软件，一种订阅式的跨平台办公软件，基于云平台提供多种服务，通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合，Office 365 可让任何人使用任何设备随时随地创建和共享内容。</p> </div> <a href="/news/25" title="Office 365 简体中文" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752381" title="Wise Folder Hider Pro" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698079880102.png" src="/static/m/images/moren.png" alt="Wise Folder Hider Pro" class="oimg" /></a> <div> <a href="/news/752381" title="Wise Folder Hider Pro" class="indexMain3Ms_title woh">Wise Folder Hider Pro</a> <p class="woh">Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件，为私密数据添加多重保护。高频操作更强调就近处理，浏览、整理和跨目录移动文件时，来回切换和重复点击都会少很多。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> </div> <a href="/news/752381" title="Wise Folder Hider Pro" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698063344851.png" src="/static/m/images/moren.png" alt="WALTR PRO" class="oimg" /></a> <div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_title woh">WALTR PRO</a> <p class="woh">WALTR是一款电脑至iOS文件传输转换工具，操作简单，快速实现文件识别与传送。做扫描整理、文字提取和表格转换时，它能把识别后的处理步骤接得更顺，资料录入这类场景会省下不少时间。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752378" title="WALTR PRO" class="indexMain3Ms_download"></a> </div> </div> <div class="swiper-slide"> <div class="indexMain3Ms"> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698054226581.png" src="/static/m/images/moren.png" alt="CodeExpander" class="oimg" /></a> <div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_title woh">CodeExpander</a> <p class="woh">CodeExpander 是一款快捷短语输入增强工具，通过键入缩写自动展开为自定义文段，提升工作效率。任务管理和过程控制会更完整，持续下载、批量同步或需要稳定传输流程的场景会更适合它。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752376" title="CodeExpander" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752374" title="PinStack" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698043220915.png" src="/static/m/images/moren.png" alt="PinStack" class="oimg" /></a> <div> <a href="/news/752374" title="PinStack" class="indexMain3Ms_title woh">PinStack</a> <p class="woh">PinStack是一款轻量级的Windows平台剪贴板管理工具，优化您的剪贴板使用体验。它更偏向把系统状态查看和常用调节动作放在一起，适合需要持续观察和微调设备状态的场景。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> </div> <a href="/news/752374" title="PinStack" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698032220782.png" src="/static/m/images/moren.png" alt="Mountain Duck" class="oimg" /></a> <div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_title woh">Mountain Duck</a> <p class="woh">Mountain Duck 是一款能将多个网盘挂载到本地的工具，像本地磁盘一样使用网盘。清理链路的完整性会更好一些，做应用卸载、残留处理和空间整理时，通常能少走很多手动排查步骤。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3169_1" title="macOS软件">macOS软件</a> </div> </div> <a href="/news/752372" title="Mountain Duck" class="indexMain3Ms_download"></a> </div> <div class="indexMain3Ms"> <a href="/news/752371" title="Seer" class="indexMain3Ms_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='http://m.zhengruan.com/static/m/images/moren.png'" data-src="/uploads/20260817/178698026310735.png" src="/static/m/images/moren.png" alt="Seer" class="oimg" /></a> <div> <a href="/news/752371" title="Seer" class="indexMain3Ms_title woh">Seer</a> <p class="woh">Seer是一款在Win平台下的空格键功能增强效率工具，只需轻敲空格键，就能预览几乎任何格式的文件。它更适合把零散的小功能集中起来使用，处理高频琐碎任务时会更省事。</p> <div class="indexMain3Ms_class ohx"> <a href="/newslist/2909_1" title="Windows">Windows</a> </div> </div> <a href="/news/752371" title="Seer" class="indexMain3Ms_download"></a> </div> </div> </div> <div class="indexMain3M_pagination"></div> </div> </div> </div> </div> </div> </main> <footer> <div class="footer2"> <p>网站备案号：苏ICP备2026018738号-1 联系邮箱：bd@zhengruan.com</p> <p>Copyright ©2018-2026</p> </div> </footer>  <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3835539565b311d85319cd21da8fd0d9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '36']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script>  </body> <script src="/static/m/layui/layui.all.js"></script> <script src="/static/m/swiper/swiper-bundle.min.js"></script> <script src="/static/m/js/common.js?23"></script> <script> let redirectUrl = ''; function showConfirmModal(url) { redirectUrl = url; document.querySelector('.goto_url').textContent = redirectUrl; document.getElementById('confirmModal').style.display = 'flex'; } function hideConfirmModal() { document.getElementById('confirmModal').style.display = 'none'; } function confirmRedirect() { if (redirectUrl) { window.open(redirectUrl, '_blank'); } hideConfirmModal(); } document.getElementById('confirmModal').addEventListener('click', function (e) { if (e.target === this) { hideConfirmModal(); } }); </script> </html>