选择连接弹出输入框，输入框有剩余价值和解压价值字段，必填，代码实现

你可以选择使用 HTML 和 JavaScript 实现一个弹出输入框，代码如下所示：

HTML 代码：

<button onclick="openPopup()">连接</button>

<div id="popup" style="display: none;">
  <form>
    <label for="surplus-value">剩余价值：</label>
    <input type="text" id="surplus-value" name="surplus-value" required>

    <label for="unzip-value">解压价值：</label>
    <input type="text" id="unzip-value" name="unzip-value" required>

    <button type="submit">连接</button>
  </form>
</div>

JavaScript 代码：

function openPopup() {
  var popup = document.getElementById("popup");
  popup.style.display = "block";
}

var form = document.querySelector("form");
form.addEventListener("submit", function(event) {
  event.preventDefault();
  
  var surplusValue = document.getElementById("surplus-value").value;
  var unzipValue = document.getElementById("unzip-value").value;
  
  // 进行连接操作
});

在这个例子中，当用户点击连接按钮时，`openPopup()` 函数将会被调用。这个函数会显示一个隐藏的输入框。当用户填写完剩余价值和解压价值字段后，点击连接按钮会触发表单的提交事件。在 JavaScript 中，我们可以使用 `event.preventDefault()` 函数来阻止表单默认的提交行为，然后获取用户输入的值并执行连接操作。