要实现表单生成动态列表的功能,可以使用JavaScript和HTML来实现。
以下是一个简单的示例代码:
HTML部分:
表单生成动态列表
JavaScript部分 (script.js):
function addItem() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var listItem = document.createElement("li");
listItem.innerHTML = "姓名: " + name + ", 年龄: " + age;
document.getElementById("list").appendChild(listItem);
// 清空输入框
document.getElementById("name").value = "";
document.getElementById("age").value = "";
}
在上面的示例中,有一个表单包含姓名和年龄的输入框,以及一个提交按钮。当用户点击提交按钮时,会调用addItem()
函数。该函数首先获取输入框中的姓名和年龄值,然后创建一个li
元素,并将姓名和年龄值插入到li
元素中。最后,将该li
元素添加到ul
元素中,从而生成动态列表。
你可以将以上的代码复制到一个HTML文件中,并运行它,即可看到表单生成动态列表的效果。