如何在Shiny中修改搜索按钮的显示文本？

场景1：可直接修改页面源码的情况 #

如果是你自主开发的页面，可直接修改对应按钮的源码内容：

• 若使用<button>标签实现搜索按钮，直接修改标签包裹的文本即可

<!-- 修改前 -->
<button type="submit">搜索</button>
<!-- 修改后 -->
<button type="submit">自定义文本</button>

• 若使用<input type="submit">实现搜索按钮，修改value属性的取值即可

<!-- 修改前 -->
<input type="submit" value="搜索">
<!-- 修改后 -->
<input type="submit" value="自定义文本">

场景2：无法直接修改源码的情况 #

如果是第三方页面、或者不方便改动源码的项目，可以通过JS动态修改按钮文本：

1. 按F12打开浏览器开发者工具，切换到元素面板，选中目标搜索按钮，拿到它的唯一选择器（比如类名、ID、属性选择器）
2. 在控制台执行对应代码即可生效，示例如下（假设按钮类名为search-btn）：

// 适配button标签的情况
document.querySelector('.search-btn').innerText = '自定义文本'
// 适配input提交按钮的情况
document.querySelector('.search-btn').value = '自定义文本'

如果需要永久生效，可以把上述代码封装为油猴脚本，对应页面加载时自动执行即可。

场景3：CMS系统默认搜索按钮 #

如果是WordPress等CMS自带的搜索按钮，没有可视化修改入口，可以在主题的自定义配置里，将上述JS代码添加到页脚加载区域，页面渲染时会自动替换按钮文本。

内容的提问来源于stack exchange，提问作者nls1200