生成表单时的javascript问题

一切都按照我的意愿工作，但当我点击book room按钮时，它无法为我生成输入字段，但它显示为[object HTMLFormElement]，这是我的代码

function booking(roomBooking){  
    var f = document.createElement("form");
    var in1 = document.createElement("input");
    in1.type = "text";
    in1.name = "user_name";
    in1.id = "user_name1";
    f.appendChild(in1);
    document.getElementById("name").innerHTML=f;    
}

我想在单击book room按钮时显示表单。

给您：

您应该使用appendChild函数将f变量应用于name元素，因为f是一个对象，您不能直接使用它

function booking(roomBooking) {
    var f = document.createElement("form");
    var in1 = document.createElement("input");

    in1.type = "text";
    in1.name = "user_name";
    in1.id = "user_name1";
    f.appendChild(in1);

    document.getElementById("name").appendChild(f);    
}