如何使用javascript插入换行符?

27 浏览
0 Comments

如何使用javascript插入换行符?

我所拥有的提交表单包含姓名、电子邮件和电话号码字段。当然,我希望在这三者之间插入换行符。我尝试在它们之间插入换行符,但只在表单末尾生成了一个,而我的代码应该添加3个换行符,而不是一个。

生成的源代码如下:


我的JavaScript代码用于生成这个表单:

function queryForm()
{
    var queryBox = document.getElementById("queryBox").style.display = "block";
    var queryForm = document.getElementById("queryForm");
    var linebreak = document.createElement("br");
    var lblName = document.createElement("label");
    lblName.textContent = "姓名:";
    queryForm.appendChild(lblName);
    var fullName = document.createElement("input");
    fullName.name = "fullName";
    fullName.type = "text";
    fullName.required = "required";
    queryForm.appendChild(fullName);
    queryForm.appendChild(linebreak);
    var lblEmail = document.createElement("label");
    lblEmail.textContent = "电子邮件:";
    queryForm.appendChild(linebreak);
    queryForm.appendChild(lblEmail);
    var email = document.createElement("input");
    email.name = "email";
    email.type = "text";
    email.required = "required";
    queryForm.appendChild(email);
    var lblPhoneNumber = document.createElement("label");
    lblPhoneNumber.textContent = "电话号码:";
    queryForm.appendChild(linebreak);
    queryForm.appendChild(lblPhoneNumber);
    var phoneNumber = document.createElement("input");
    phoneNumber.name = "phoneNumber";
    phoneNumber.type = "text";
    phoneNumber.required = "required";
    queryForm.appendChild(phoneNumber);
    var submitQuery = document.createElement("input");
    submitQuery.type = "submit";
    submitQuery.value = "提交查询";
    queryForm.appendChild(linebreak);
    queryForm.appendChild(submitQuery);
}

0