Html ： 点击按钮弹出输入框，再次点击进行隐藏

你可以使用JavaScript来实现这个功能。首先，你需要在HTML中创建一个按钮和一个输入框，并在CSS中将输入框的初始状态设置为隐藏。然后，你需要使用JavaScript来添加一个事件监听器，当按钮被点击时，输入框就会显示出来。接下来，你需要再次点击按钮时隐藏输入框。

下面是一个实现这个功能的代码示例：

HTML：

<button id="show-input">显示输入框</button>
<input type="text" id="input-box" style="display:none;">

CSS：

#input-box {
  display: none;
}

JavaScript：

const showBtn = document.getElementById('show-input');
const inputBox = document.getElementById('input-box');

showBtn.addEventListener('click', () => {
  if (inputBox.style.display === 'none') {
    inputBox.style.display = 'block';
  } else {
    inputBox.style.display = 'none';
  }
});

这个代码会给按钮添加一个事件监听器，当按钮被点击时，检查输入框的当前状态。如果输入框被隐藏，它就会显示出来，如果它正在显示，它就会被隐藏。

相关问题

html点击按钮弹出输入框

你可以使用HTML中的 `<button>` 元素和JavaScript的 `prompt()` 函数来实现点击按钮弹出输入框。

以下是一个示例代码：

<button onclick="myFunction()">点击我</button>

<script>
function myFunction() {
  var input = prompt("请输入您的姓名：");
  alert("您好，" + input + "！");
}
</script>

当用户点击按钮时，`myFunction()` 函数会被调用，弹出一个输入框让用户输入姓名。用户输入完成后，会弹出一个包含输入姓名的欢迎消息的提示框。

qt如何通过点击按钮弹出输入框

可以使用Qt的QInputDialog类来实现弹出输入框。以下是一个简单的示例代码：

#include <QApplication>
#include <QInputDialog>
#include <QPushButton>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);

    // 创建按钮
    QPushButton button("点击弹出输入框", nullptr);
    button.show();

    // 点击按钮时弹出输入框
    QObject::connect(&button, &QPushButton::clicked, [&]() {
        bool ok;
        QString text = QInputDialog::getText(nullptr, "输入框标题", "输入框提示信息", QLineEdit::Normal, "", &ok);
        if (ok && !text.isEmpty()) {
            // 处理输入的文本
            // ...
        }
    });

    return a.exec();
}

运行程序，当点击按钮时，就会弹出一个输入框，用户可以在其中输入文本并点击确定按钮。如果用户点击取消按钮，则输入框会被关闭。