写代码，页面加载时只有一个输入框和一个新增按钮； 点击新增按钮时，在最后一行输入框的上方新增一行，并显示所有删除按钮； 除了第一行，点击删除按钮时，删除该行，并根据当前行数（除了新增按钮外）决定是否隐藏其他删除按钮； 如果只剩一行，则隐藏所有删除按钮。

好的，以下是一个简单的实现，使用了 jQuery 来简化操作：

HTML：

<div id="input-wrapper">
  <div class="input-row">
    <input type="text" class="input-box">
    <button class="delete-btn hidden">删除</button>
  </div>
  <button id="add-btn">新增</button>
</div>

CSS：

.hidden {
  display: none;
}

JavaScript：

$(document).ready(function() {
  // 初始化
  $(".delete-btn").addClass("hidden");

  // 新增按钮点击事件
  $("#add-btn").click(function() {
    // 在最后一行输入框的上方新增一行
    var newRow = $("<div class='input-row'><input type='text' class='input-box'><button class='delete-btn'>删除</button></div>");
    $(".input-row:last").before(newRow);

    // 显示所有删除按钮
    $(".delete-btn").removeClass("hidden");

    // 如果只剩一行，隐藏所有删除按钮
    if ($(".input-row").length == 2) {
      $(".delete-btn").addClass("hidden");
    }
  });

  // 删除按钮点击事件
  $(document).on("click", ".delete-btn", function() {
    // 删除该行
    $(this).parent().remove();

    // 根据当前行数（除了新增按钮外）决定是否隐藏其他删除按钮
    if ($(".input-row").length == 2) {
      $(".delete-btn").addClass("hidden");
    }
  });
});

在页面加载时，只有一个输入框和一个新增按钮，点击新增按钮时，会在最后一行输入框的上方新增一行，并显示所有删除按钮，除了第一行，点击删除按钮时，会删除该行，并根据当前行数（除了新增按钮外）决定是否隐藏其他删除按钮，如果只剩一行，则隐藏所有删除按钮。