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

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

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

前端开发：使用HTML、CSS和JavaScript来构建用户界面和实现交互逻辑。
监听输入事件：在输入框中添加一个事件监听器，监听输入事件（如input事件）。
判断输入内容：在输入事件的回调函数中，获取输入框的值，并使用JavaScript的字符串处理方法（如indexOf()）来判断输入的内容中是否包含@符号。
显示/隐藏按钮：根据判断结果，通过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';
  }
});

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

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