时间戳

首页 > 解决方案 > 当用户输入 x 时，如何让 x 数量的输入框出现？

html - 当用户输入 x 时，如何让 x 数量的输入框出现？

问题描述

我不知道如何在 HTML 中做到这一点，我是新手，所以我很感激帮助。我想做的是：当用户输入 x 时，应出现 x 个输入框（例如，当他们输入 2 时，应出现 2 个输入框）

标签： htmlinput

解决方案

您正在寻找的功能可以通过Javascript. Javascript 是负责网页（以及许多其他地方）中的逻辑的编程语言。所以，你必须学习JS。但现在...

document.getElementById('button').addEventListener('click', function() {

  let input = document.getElementById('some_id').value;
  let container = document.getElementById('container');
  container.innerHTML = "";
  for (let i = 0; i < input; i++) {
    let newInput = document.createElement('input');
    container.appendChild(newInput);
  }


});
<input id="some_id">

<button id="button">Create Me</button>

<div id="container"></div>

body您可以将 JS 代码添加到单独的文件中，也可以在标签的末尾script添加

推荐阅读