如何在单击弹出框时显示输入框？

在前端开发中，可以通过以下步骤实现在单击弹出框时显示输入框：

首先，在HTML中创建一个按钮或者其他元素，用于触发弹出框的显示。例如，可以使用<button>元素：

<button id="showInputBtn">点击显示输入框</button>

接下来，在JavaScript中获取该按钮元素，并为其添加点击事件的监听器。当按钮被点击时，触发相应的函数来显示输入框。可以使用addEventListener方法来实现：

document.getElementById("showInputBtn").addEventListener("click", function() {
  // 显示输入框的逻辑
});

在点击事件的处理函数中，可以通过以下方式创建一个输入框并将其添加到页面中。可以使用createElement方法创建输入框元素，并使用appendChild方法将其添加到指定的父元素中：

document.getElementById("showInputBtn").addEventListener("click", function() {
  // 创建输入框元素
  var input = document.createElement("input");
  
  // 设置输入框的属性
  input.type = "text";
  input.placeholder = "请输入内容";
  
  // 将输入框添加到页面中的某个元素中
  document.body.appendChild(input);
});