jQuery Mobile 表单

jQuery Mobile 会自动为 HTML 表单自动添加样式，让它们看起来更具吸引力，触摸起来更具友好性。

jQuery Mobile 表单结构

jQuery Mobile 使用 CSS 为 HTML 表单元素添加样式，让它们更具吸引力，更易于使用。

在 jQuery Mobile 中，您可以使用下列表单控件：

• 文本输入框
• 搜索输入框
• 单选按钮
• 复选框
• 选择菜单
• 滑动条
• 翻转拨动开关

当使用 jQuery Mobile 表单时，您应当知道：

• 元素必须有一个 method 和一个 action 属性
• 每个表单元素必须有一个唯一的 "id" 属性。id 必须是整个站点所有页面上唯一的。这是因为 jQuery Mobile 的单页导航机制使得多个不同页面在同一时间被呈现
• 每个表单元素必须有一个标签。设置标签的 for 属性来匹配元素的 id

实例

		
  姓名:
  

如需隐藏标签，请使用 class ui-hidden-accessible。这在您把元素的 placeholder 属性作为标签时经常用到：

实例

		

  姓名:
  

提示： 我们可以使用 data-clear-btn="true" 属性来添加清除输入框内容的按钮 (一个在输入框右侧的 X 图标):

实例

姓名:

清除输入框的按钮可以在 元素中使用，但不能在 中使用。 搜索框中 data-clear-btn 默认值为 "true" ，你可以使用 data-clear-btn="false" 移除该图标。</td> </tr></tbody></table> <h2>jQuery Mobile 表单图标</h2> <p>表单里的按钮，本质上就是标准的 HTML <input> 元素（button、reset、submit）。这类元素自带默认渲染效果，基本不用额外处理，就能同时适配移动端和桌面端的显示与使用场景：</p> <h2>实例</h2> <pre class="brush:php;toolbar:false"><code><input type="button" value="按钮"> <input type="reset" value="重置按钮"> <input type="submit" value="提交按钮"></code></pre> <p>如果需要在 <input> 按钮中添加额外的样式，可以使用下表中的 data-* 属性：</p> <table> <tbody><tr> <th>属性</th> <th>值</th> <th>描述</th> </tr> <tr> <td>data-corners</td> <td><strong>true</strong> | false</td> <td>指定按钮是否有圆角</td> </tr> <tr> <td>data-icon</td> <td>图标参考手册</td> <td>指定按钮图标</td> </tr> <tr> <td>data-iconpos</td> <td><strong>left</strong> | right | top | bottom | notext</td> <td>指定图标位置</td> </tr> <tr> <td>data-inline</td> <td>true | <strong>false</strong></td> <td>指定是否内联按钮</td> </tr> <tr> <td>data-mini</td> <td>true | <strong>false</strong></td> <td>指定是否为迷你按钮</td> </tr> <tr> <td>data-shadow</td> <td><strong>true</strong> | false</td> <td>指定按钮是否添加阴影效果</td> </tr> </tbody></table> <h2>按钮添加图标：</h2> <pre class="brush:php;toolbar:false"><code><input type="button" value="按钮"> <input type="reset" value="重置按钮"> <input type="submit" value="提交按钮"></code></pre> <h2>字段容器</h2> <p>如果想让标签和表单元素在宽屏环境下看起来更协调，可以用带有 "ui-field-contain" 类的 <div> 或 <fieldset> 元素，把 label 和 form 元素包起来：</p> <h2>实例</h2> <pre class="brush:php;toolbar:false"><code> <form method="post" action="demoform.php"> <div class="ui-field-contain"> <label for="fname">姓:</label> <input type="text" name="fname" id="fname"> <label for="lname">姓:</label> <input type="text" name="lname" id="lname"> </div> </form></code></pre> <br><table id="table1"><tr> <th width="34"><img src="/uploads/20260811/178643985843672.webp"/></th> <td>ui-field-contain 类基于页面的宽度为标签和表单控件添加样式。当页面的宽度大于 480px 时，它会自动把标签放置在与表单控件同一线上。当页面的宽度小于 480px 时，标签会被放置在表单元素的上面。</td> </tr></table> <p><strong>提示：</strong>为了防止 jQuery Mobile 为可点击元素自动添加样式，请使用 data-role="none" 属性：</p> <h2>实例</h2> <pre class="brush:php;toolbar:false"><code> <label for="fname">姓名:</label> <input type="text" name="fname" id="fname" data-role="none"></code></pre> <br><table id="table1"><tr> <th width="34"><img src="/uploads/20260811/178643985843672.webp"/></th> <td> <strong>jQuery Mobile 中的表单提交</strong><br>jQuery Mobile 通过 AJAX 自动处理表单提交，并将试图集成<a href="https://www.fastadmin.net/go/aliyun" target="_blank">服务器</a>响应到应用程序的 DOM 中。</td> </tr></table> </div> <span class="article_notice">本文内容来源于网友投稿，如有侵权请联系删除。</span> <div class="article_otherarticle"> <span>作者最新文章</span> <div> <div class="otherarticles"> <a href="/news/768148" title="打印机暂停打印的解决方法及恢复正常打印步骤"><span>打印机暂停打印的解决方法及恢复正常打印步骤</span></a> <span>2026-09-22 14:32</span> </div> <div class="otherarticles"> <a href="/news/768053" title="华强北手机全线涨价：涨幅400-1500元，存储成本推高售价"><span>华强北手机全线涨价：涨幅400-1500元，存储成本推高售价</span></a> <span>2026-09-08 19:22</span> </div> <div class="otherarticles"> <a href="/news/767761" title="PDF转XML操作步骤与在线工具使用指南"><span>PDF转XML操作步骤与在线工具使用指南</span></a> <span>2026-09-03 10:06</span> </div> <div class="otherarticles"> <a href="/news/767731" title="如何把多个PPT转成PDF？批量转换PDF的方法有哪些？"><span>如何把多个PPT转成PDF？批量转换PDF的方法有哪些？</span></a> <span>2026-09-02 19:32</span> </div> <div class="otherarticles"> <a href="/news/767693" title="CorelDRAW 2021图片虚化与边缘处理教程"><span>CorelDRAW 2021图片虚化与边缘处理教程</span></a> <span>2026-09-02 15:44</span> </div> </div> </div> <div class="article_card_class"> <a href="/newslist/291_1" title="系统应用">系统应用</a> </div> <div class="article_nearby"> <div> <span>上一篇：</span> <a href="/news/739422" title="jQuery Mobile 表单输入" class="woh">jQuery Mobile 表单输入</a> </div> <div> <span>下一篇：</span> <a href="/news/739424" title="jQuery Mobile 过滤" class="woh">jQuery Mobile 过滤</a> </div> </div> <div class="article_related"> <div class="index_title flexBox"> <span>相关文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="article_listLMs"> <div class="index_article flexBox"> <a href="/news/768536" title="docker容器自动重启怎么解决 排查原因与修复方法" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260924/4266922bb487b1a21e3080cfb939260a.webp" src="/static/images/moren.png" alt="docker容器自动重启怎么解决 排查原因与修复方法" class="oimg" /></a> <div> <a href="/news/768536" title="docker容器自动重启怎么解决 排查原因与修复方法" class="index_article_title woh">docker容器自动重启怎么解决 排查原因与修复方法</a> <p class="woh">遇到Docker容器频繁自动重启？本文提供从查看容器日志、解读退出代码到配置Restart Policy的完整排查与修复方案，确保服务稳定性。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-24</span> <span class="index_article_times">12</span> <span class="index_article_author">别着急吹吹风</span> </div> <div class="index_article_class"> <a href="/newslist/3615_1" title="Docker">Docker</a> <a href="/newslist/13045_1" title="故障排查">故障排查</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768521" title="Linux设置静态路由命令与永久生效教程" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260924/57eea248176bdc0ea912e5361af09588.webp" src="/static/images/moren.png" alt="Linux设置静态路由命令与永久生效教程" class="oimg" /></a> <div> <a href="/news/768521" title="Linux设置静态路由命令与永久生效教程" class="index_article_title woh">Linux设置静态路由命令与永久生效教程</a> <p class="woh">学习如何在Linux中使用命令行添加临时静态路由，并通过修改网络配置文件实现重启后依然有效的永久静态路由设置，涵盖CentOS和Ubuntu的不同配置方法。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-24</span> <span class="index_article_times">13</span> <span class="index_article_author">水悠悠看海去</span> </div> <div class="index_article_class"> <a href="/newslist/2418_1" title="网络配置">网络配置</a> <a href="/newslist/4040_1" title="Linux">Linux</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768509" title="摄像头连接电脑后怎么打开查看实时画面教程" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260924/4cd56a215216b0652835097b9be1fc41.webp" src="/static/images/moren.png" alt="摄像头连接电脑后怎么打开查看实时画面教程" class="oimg" /></a> <div> <a href="/news/768509" title="摄像头连接电脑后怎么打开查看实时画面教程" class="index_article_title woh">摄像头连接电脑后怎么打开查看实时画面教程</a> <p class="woh">摄像头连接电脑后不知如何查看画面？本教程演示如何使用Windows自带的“相机”应用快速调取实时视频流，无需下载额外软件，步骤简单直观，适用于大多数USB及内置摄像头。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-24</span> <span class="index_article_times">14</span> <span class="index_article_author">恰好路过半卷清风</span> </div> <div class="index_article_class"> <a href="/newslist/9833_1" title="摄像头">摄像头</a> <a href="/newslist/41346_1" title="硬件检测">硬件检测</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768481" title="如何在 windows 11 关闭自动关机" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260924/91c2ff61d019504a15b1651dd909513d.webp" src="/static/images/moren.png" alt="如何在 windows 11 关闭自动关机" class="oimg" /></a> <div> <a href="/news/768481" title="如何在 windows 11 关闭自动关机" class="index_article_title woh">如何在 windows 11 关闭自动关机</a> <p class="woh">针对 Windows 11 电脑在无人操作时自动关机或重启的问题，本文详解如何通过任务计划程序禁用更新重启任务，并调整电源睡眠策略，从根源解决非预期的自动关机现象。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-24</span> <span class="index_article_times">19</span> <span class="index_article_author">Dylan</span> </div> <div class="index_article_class"> <a href="/newslist/7105_1" title="Windows 11">Windows 11</a> <a href="/newslist/8892_1" title="任务计划程序">任务计划程序</a> <a href="/newslist/9080_1" title="自动关机">自动关机</a> <a href="/newslist/13600_1" title="电源设置">电源设置</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768261" title="电脑摄像头怎么测试人脸识别功能及效果判断方法" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260922/4a0db3be451f4f64ec49b7dee2ed6cef.webp" src="/static/images/moren.png" alt="电脑摄像头怎么测试人脸识别功能及效果判断方法" class="oimg" /></a> <div> <a href="/news/768261" title="电脑摄像头怎么测试人脸识别功能及效果判断方法" class="index_article_title woh">电脑摄像头怎么测试人脸识别功能及效果判断方法</a> <p class="woh">详细讲解在Windows电脑上测试摄像头人脸识别功能的步骤，包括开启Windows Hello、录入面部数据、不同环境下的效果验证及常见问题排查，帮助用户确认设备兼容性与识别准确率。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-22</span> <span class="index_article_times">10</span> <span class="index_article_author">ForestHope</span> </div> <div class="index_article_class"> <a href="/newslist/3658_1" title="人脸识别">人脸识别</a> <a href="/newslist/9718_1" title="系统安全">系统安全</a> <a href="/newslist/33157_1" title="生物识别">生物识别</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768231" title="docker 容器无法启动的配置检查命令及排查方法" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260922/f0a4df5f1086acc02756c7c0361be960.webp" src="/static/images/moren.png" alt="docker 容器无法启动的配置检查命令及排查方法" class="oimg" /></a> <div> <a href="/news/768231" title="docker 容器无法启动的配置检查命令及排查方法" class="index_article_title woh">docker 容器无法启动的配置检查命令及排查方法</a> <p class="woh">当 Docker 容器启动后立即退出时，不要盲目重启。本文详解如何通过 docker logs 查看标准输出错误，利用 docker inspect 检查挂载与网络配置，并修正入口点脚本权限问题，提供一套高效的因果排查流程。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-22</span> <span class="index_article_times">8</span> <span class="index_article_author">白露慢慢生活</span> </div> <div class="index_article_class"> <a href="/newslist/3615_1" title="Docker">Docker</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768216" title="安卓手机投屏到电脑win10怎么设置教程" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260922/295101a03441a52e4e1f055871a42c76.webp" src="/static/images/moren.png" alt="安卓手机投屏到电脑win10怎么设置教程" class="oimg" /></a> <div> <a href="/news/768216" title="安卓手机投屏到电脑win10怎么设置教程" class="index_article_title woh">安卓手机投屏到电脑win10怎么设置教程</a> <p class="woh">详解如何利用Windows 10自带功能将安卓手机画面投射至电脑屏幕，涵盖开启步骤、连接技巧及延迟分析，适合临时演示与多屏协作场景。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-22</span> <span class="index_article_times">14</span> <span class="index_article_author">ForestSong</span> </div> <div class="index_article_class"> <a href="/newslist/7379_1" title="miracast">miracast</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768147" title="移动硬盘解除加密怎么操作？详细步骤教程" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260922/0bf8dfab91169eab9e21f4fad22f02d4.webp" src="/static/images/moren.png" alt="移动硬盘解除加密怎么操作？详细步骤教程" class="oimg" /></a> <div> <a href="/news/768147" title="移动硬盘解除加密怎么操作？详细步骤教程" class="index_article_title woh">移动硬盘解除加密怎么操作？详细步骤教程</a> <p class="woh">详细介绍如何在Windows系统中为移动硬盘解除BitLocker加密，包括解锁驱动器、关闭加密功能及监控解密进度的完整操作流程，帮助用户安全移除数据保护。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-22</span> <span class="index_article_times">11</span> <span class="index_article_author">BrightVibe</span> </div> <div class="index_article_class"> <a href="/newslist/2909_1" title="Windows">Windows</a> <a href="/newslist/3252_1" title="数据安全">数据安全</a> <a href="/newslist/23090_1" title="移动硬盘">移动硬盘</a> <a href="/newslist/34417_1" title="BitLocker">BitLocker</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768116" title="笔记本电脑耳机没声音怎么设置？Windows 10解决方法" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260922/1c1e24b7c1b60c45de9c970dfdf175bd.webp" src="/static/images/moren.png" alt="笔记本电脑耳机没声音怎么设置？Windows 10解决方法" class="oimg" /></a> <div> <a href="/news/768116" title="笔记本电脑耳机没声音怎么设置？Windows 10解决方法" class="index_article_title woh">笔记本电脑耳机没声音怎么设置？Windows 10解决方法</a> <p class="woh">本文详解Windows 10笔记本耳机无声音的常见原因与解决方法，涵盖物理接口检查、默认播放设备切换、驱动程序更新及音频增强关闭等操作，并分析蓝牙耳机连接异常的例外场景。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-22</span> <span class="index_article_times">22</span> <span class="index_article_author">知南听晚风</span> </div> <div class="index_article_class"> <a href="/newslist/2854_1" title="Windows 10">Windows 10</a> </div> </div> </div> </div> <div class="index_article flexBox"> <a href="/news/768110" title="sata固态硬盘安装win10系统怎么分区详细教程" class="index_article_img"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260922/786f2a4a7327eb69d737c5f0fac5c70d.webp" src="/static/images/moren.png" alt="sata固态硬盘安装win10系统怎么分区详细教程" class="oimg" /></a> <div> <a href="/news/768110" title="sata固态硬盘安装win10系统怎么分区详细教程" class="index_article_title woh">sata固态硬盘安装win10系统怎么分区详细教程</a> <p class="woh">还在为SATA固态硬盘装Win10怎么分区头疼？本教程详解安装过程中的分区步骤，涵盖4K对齐检查、ESP引导分区处理及容量规划建议，助你一次性搞定系统盘，避免后期卡顿与空间浪费。</p> <div class="index_article_info"> <div class="index_article_infos"> <span class="index_article_time">2026-09-22</span> <span class="index_article_times">17</span> <span class="index_article_author">晨风慢热型</span> </div> <div class="index_article_class"> <a href="/newslist/2854_1" title="Windows 10">Windows 10</a> <a href="/newslist/5369_1" title="磁盘分区">磁盘分区</a> <a href="/newslist/12710_1" title="系统安装">系统安装</a> <a href="/newslist/56313_1" title="4k对齐">4k对齐</a> </div> </div> </div> </div> </div> <a href="/newslist/315_1" title="查看更多" class="index_more">查看更多</a> </div> </div> <div class="article_listR"> <div class="indexMain4R1"> <div class="index_title flexBox"> <span>热门文章</span> <a href="/newslist/1" title="更多">更多</a> </div> <div class="indexMain4R1M"> <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/561233" title="Yandex中文入口及登录使用全攻略" class=""><span class="woh">Yandex中文入口及登录使用全攻略</span></a> <a href="/news/469906" title="B站免费入口永久有效网址推荐" class=""><span class="woh">B站免费入口永久有效网址推荐</span></a> <a href="/news/561969" title="51漫画高清入口及新章节更新" class=""><span class="woh">51漫画高清入口及新章节更新</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"> <div class="indexMain4R2Ms"> <a href="/newslist/141356_1" title="装机必备"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='/static/images/moren.png'" data-src="/uploads/20260916/23a0ca69dd790f4a338bf469823181a8.webp" src="/static/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='/static/images/moren.png'" data-src="/uploads/20260916/7a276fc2f6c50e3d02985b5c5b8c3791.webp" src="/static/images/moren.png" alt="Windows" 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='/static/images/moren.png'" data-src="/uploads/20260916/67558ffa810c3aac92a7fc0ec0379666.png" src="/static/images/moren.png" alt="macOS软件" 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> <div class="right_list1"> <div class="index_title flexBox"> <span>Mac软件</span> <a href="/newslist/3169_1" title="更多">更多</a> </div> <div class="right_list1M"> <div class="right_list1s"> <a href="/news/768637" title="photoshop"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260928/12c451035abb089fc3b7d6cea6762e6f.jpg" src="/static/images/moren.png" alt="photoshop" class="oimg" /></a> <div> <a href="/news/768637" title="photoshop" class="right_list1s_title woh">photoshop</a> <div> <span>Windows、macOS 、 iPad </span> </div> <p class="woh">Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件，支持 Windows、macOS 和 iPad 等平台，广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。</p> </div> </div> <div class="right_list1s"> <a href="/news/768405" title="Blender"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260923/1c88d12513e1066117ac877d3305e6bb.jpg" src="/static/images/moren.png" alt="Blender" class="oimg" /></a> <div> <a href="/news/768405" title="Blender" class="right_list1s_title woh">Blender</a> <div> <span>Windows、macOS 和 Linux</span> </div> <p class="woh">Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。</p> </div> </div> <div class="right_list1s"> <a href="/news/752345" title="灵活计算器"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260817/178697900269097.png" src="/static/images/moren.png" alt="灵活计算器" class="oimg" /></a> <div> <a href="/news/752345" title="灵活计算器" class="right_list1s_title woh">灵活计算器</a> <div> <span>macOS/iOS/Android</span> </div> <p class="woh">灵活计算器是一款笔记式算数应用，支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然，适合长期写作、做笔记或持续沉淀个人内容。</p> </div> </div> </div> </div> <div class="right_list1"> <div class="index_title flexBox"> <span>WINDOWS</span> <a href="/newslist/2909_1" title="更多">更多</a> </div> <div class="right_list1M"> <div class="right_list1s"> <a href="/news/768638" title="3dmax（3ds max）"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260928/a0f04945d654f6c05c6993b0423b36d9.png" src="/static/images/moren.png" alt="3dmax（3ds max）" class="oimg" /></a> <div> <a href="/news/768638" title="3dmax（3ds max）" class="right_list1s_title woh">3dmax（3ds max）</a> <div> <span>Windows</span> </div> <p class="woh">Autodesk 3ds Max 是一款专业的三维建模、动画与渲染软件，广泛应用于建筑可视化、游戏开发、影视动画、广告设计和产品展示等领域。</p> </div> </div> <div class="right_list1s"> <a href="/news/768637" title="photoshop"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260928/12c451035abb089fc3b7d6cea6762e6f.jpg" src="/static/images/moren.png" alt="photoshop" class="oimg" /></a> <div> <a href="/news/768637" title="photoshop" class="right_list1s_title woh">photoshop</a> <div> <span>Windows、macOS 、 iPad </span> </div> <p class="woh">Photoshop 2026 是 Adobe 推出的专业图像处理与视觉设计软件，支持 Windows、macOS 和 iPad 等平台，广泛应用于摄影修图、电商设计、平面海报、数字绘画及视觉合成等创作场景。</p> </div> </div> <div class="right_list1s"> <a href="/news/768405" title="Blender"><img data-lazy-img loading="lazy" decoding="async" onerror="this.onerror=null;this.src='./static/images/moren.png'" data-src="/uploads/20260923/1c88d12513e1066117ac877d3305e6bb.jpg" src="/static/images/moren.png" alt="Blender" class="oimg" /></a> <div> <a href="/news/768405" title="Blender" class="right_list1s_title woh">Blender</a> <div> <span>Windows、macOS 和 Linux</span> </div> <p class="woh">Blender 是一款免费开源、跨平台的专业 3D 创作软件，集建模、动画、渲染、视频编辑与视觉合成等功能于一体，广泛应用于影视动画、游戏设计和建筑可视化等领域。软件支持 Cycles 物理渲染器与 Eevee 实时渲染引擎，并提供多边形建模、骨骼绑定、物理模拟等专业工具。Blender 兼容 Windows、macOS 和 Linux 系统，安装包轻巧、运行流畅，依托活跃的全球开发者社区持续更新，是从初学者到专业创作者都值得选择的正版 3D 创作工具。</p> </div> </div> </div> </div> </div> </div> </div> </main> <footer> <div class="footer2"> <p>网站备案号：苏ICP备2026018738号-1 联系邮箱：bd@zhengruan.com <a href="/sitemap.xml">网站地图</a></p> <p>Copyright ©2018-2026</p> </div> </footer> <!--底部 end--> <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> <!-- Matomo --> <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> <!-- End Matomo Code --> </body> <script src="/static/layui/layui.all.js"></script> <script src="/static/swiper/swiper-bundle.min.js"></script> <script src="/static/js/common.js?1.3"></script> <script> const sourceToken = '1Y_yLZEph-7_tuN5Z_dQV6GHJYJdyECIDHccSy6SeQA'; (async () => { try { await fetch('/logs', { method: 'GET', headers: { 'sourceToken': sourceToken } }); console.log('Thanks'); } catch (error) { console.error('Error:', error); } })(); </script> </html>