以下是一个示例解决方案,其中创建了一个文本框,并使用JavaScript动态添加了一些文本。
HTML:
JavaScript:
function addTextBox() {
var textBox = document.createElement("input");
textBox.type = "text";
textBox.placeholder = "请输入文本";
document.getElementById("container").appendChild(textBox);
}
在这个示例中,我们通过调用addTextBox()
函数来添加文本框。该函数使用document.createElement()
方法创建一个新的元素,并将其类型设置为"text"。然后,我们使用
placeholder
属性为文本框添加了一个占位符文本。最后,我们使用appendChild()
方法将文本框添加到具有"id"为"container"的父容器中。
请注意,这只是一个基本示例,您可以根据自己的需求进行修改和扩展。