解决 Bootstrap 弹出框（Modal）上层的输入框无法获得焦点的问题

在使用 Bootstrap 的弹出框（Modal）时，有时会遇到一个问题：当弹出框显示在页面上方时，其中的输入框无法获得焦点，即无法进行键盘输入操作。这可能会给用户带来困扰，因此我们需要找到解决这个问题的方法。

问题的原因是，Bootstrap 的弹出框默认使用了遮罩层（Backdrop），该遮罩层位于弹出框之上，阻止了用户与页面其他元素的交互。遮罩层的存在导致弹出框上的输入框无法获得焦点。

为了解决这个问题，我们可以通过一些 JavaScript 的操作来移除或禁用遮罩层，使得输入框可以正常获得焦点。下面是一种可能的解决方案：

HTML 结构

在 HTML 中，我们首先需要定义一个弹出框，并在其中添加一个输入框元素。以下是一个简单的示例：

<button type=