如果输入没有@，则显示/隐藏按钮

如果输入没有@，则显示/隐藏按钮是一个前端开发的功能需求。当用户在输入框中输入内容时，我们可以通过监听输入事件来判断输入的内容是否包含@符号。如果输入的内容中不包含@符号，则显示一个按钮，用于显示或隐藏其他相关内容。

这个功能可以通过以下步骤来实现：

1. 前端开发：使用HTML、CSS和JavaScript来构建用户界面和实现交互逻辑。
2. 监听输入事件：在输入框中添加一个事件监听器，监听输入事件（如input事件）。
3. 判断输入内容：在输入事件的回调函数中，获取输入框的值，并使用JavaScript的字符串处理方法（如indexOf()）来判断输入的内容中是否包含@符号。
4. 显示/隐藏按钮：根据判断结果，通过JavaScript操作DOM元素的样式属性（如display）来显示或隐藏按钮。

以下是一个简单的示例代码：

HTML部分：

<input type="text" id="input" />
<button id="btn" style="display: none;">显示/隐藏</button>

JavaScript部分：

const input = document.getElementById('input');
const btn = document.getElementById('btn');

input.addEventListener('input', function() {
  if (input.value.indexOf('@') === -1) {
    btn.style.display = 'block';
  } else {
    btn.style.display = 'none';
  }
});

这样，当用户在输入框中输入内容时，如果输入的内容中不包含@符号，则会显示按钮；否则，按钮会被隐藏起来。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云前端开发服务：https://cloud.tencent.com/product/fe
• 腾讯云云原生服务：https://cloud.tencent.com/product/tke
• 腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
• 腾讯云网络通信服务：https://cloud.tencent.com/product/vpc
• 腾讯云音视频服务：https://cloud.tencent.com/product/tcav
• 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
• 腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发服务：https://cloud.tencent.com/product/mobdev
• 腾讯云存储服务：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务：https://cloud.tencent.com/product/baas
• 腾讯云元宇宙服务：https://cloud.tencent.com/product/mu