javascript - 使用 Javascript 添加表单字段

Question

我编写了这个函数来将表单标签和字段添加到给定的容器中：

function addFormField(fieldType, fieldLabel, fieldId){
        var container = document.querySelector("formContainer");
        // form field label
        var label = document.createElement("label");
        label.for = fieldId;
        label.innerHTML = fieldLabel;
        // form field
        var input = document.createElement("input");
        input.type = fieldType;
        input.id = fieldId;
        input.name = fieldId;
        // add in label, field, and break to container
        container.appendChild(label);
        container.appendChild(input);
        container.appendChild(document.createElement("br"));
    }

函数调用的样子

addFormField('text', 'Email Address', 'email');

并且在运行与上面完全相同的调用时收到此错误消息

Uncaught DOMException: Failed to execute 'createElement' on 'Document': The tag name provided ('') is not a valid name.

我无法在网上其他地方找到答案，但如果这个问题是常识，我深表歉意。任何帮助表示赞赏！

标签： javascripthtml