如何使用JSON对象动态生成HTML表单？

// JSON对象定义表单字段
var formFields = [
  {
    type: "text",
    name: "username",
    label: "Username",
    required: true
  },
  {
    type: "password",
    name: "password",
    label: "Password",
    required: true
  },
  {
    type: "submit",
    value: "Submit"
  }
];

// 创建表单元素
var form = document.createElement("form");

// 遍历JSON对象中的字段
formFields.forEach(function(field) {
  var element = document.createElement("input");
  element.type = field.type;
  element.name = field.name;

  if (field.label) {
    var label = document.createElement("label");
    label.innerHTML = field.label;
    form.appendChild(label);
  }

  form.appendChild(element);
});

// 添加提交按钮
var submitButton = document.createElement("input");
submitButton.type = "submit";
submitButton.value = "Submit";
form.appendChild(submitButton);

// 将表单插入到HTML页面中的适当位置
document.getElementById("form-container").appendChild(form);