页面动态增加文本框

要在页面中动态增加文本框，可以使用 JavaScript 和 HTML 的 DOM 操作。以下是一个简单的例子：

HTML 代码：

<div id="textboxes">
  <!-- 这里是初始文本框 -->
  <input type="text" name="textbox1">
</div>
<button onclick="addTextBox()">添加文本框</button>

JavaScript 代码：

function addTextBox() {
  var textBoxes = document.getElementById("textboxes");
  var newTextBox = document.createElement('input');
  newTextBox.type = "text";
  newTextBox.name = "textbox" + (textBoxes.children.length + 1);
  textBoxes.appendChild(newTextBox);
}

这个例子中，我们首先在一个 `<div>` 元素中添加了一个初始的文本框。然后，在页面上添加了一个按钮，当用户点击这个按钮时，就会调用 `addTextBox()` 函数。在这个函数中，我们首先获取了包含所有文本框的 `<div>` 元素，然后创建了一个新的文本框，并设置了它的类型和名称。最后，我们将这个新文本框添加到了 `<div>` 元素中。

每次用户点击按钮时，就会添加一个新的文本框。每个新文本框的名称都是 `textbox` 加上它在所有文本框中的顺序号，例如，第一个新文本框的名称是 `textbox2`，第二个新文本框的名称是 `textbox3`，以此类推。