javascript & html -每次用户在文本框中输入项目时创建新的复选框选项

JavaScript和HTML是前端开发中常用的两种技术。JavaScript是一种脚本语言，用于为网页添加交互性和动态效果。HTML是一种标记语言，用于描述网页的结构和内容。

在用户在文本框中输入项目时创建新的复选框选项，可以通过JavaScript来实现。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>动态创建复选框</title>
  <script>
    function createCheckbox() {
      var input = document.getElementById("inputText");
      var checkboxContainer = document.getElementById("checkboxContainer");
      
      var checkbox = document.createElement("input");
      checkbox.type = "checkbox";
      checkbox.value = input.value;
      
      var label = document.createElement("label");
      label.appendChild(document.createTextNode(input.value));
      
      checkboxContainer.appendChild(checkbox);
      checkboxContainer.appendChild(label);
      
      input.value = "";
    }
  </script>
</head>
<body>
  <input type="text" id="inputText" placeholder="输入项目">
  <button onclick="createCheckbox()">添加</button>
  
  <div id="checkboxContainer"></div>
</body>
</html>

上述代码中，通过createCheckbox函数来创建新的复选框选项。用户在文本框中输入项目后，点击"添加"按钮，会在checkboxContainer容器中动态创建一个复选框和对应的标签，显示用户输入的项目。同时，清空文本框的值，以便用户输入下一个项目。

这种动态创建复选框选项的功能在表单提交、任务列表、待办事项等场景中非常常见。

腾讯云提供了一系列与前端开发相关的产品和服务，例如：