在新行（html）中动态添加更多文本字段 [英] Add more text fields dynamically in new line (html)
问题描述
我使用了 http：/ /viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/ html-javascript / .my代码是这样的：
I used code from http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/ html-javascript/ .my code is this:
<HTML>
<HEAD>
<TITLE>Dynamically add Textbox, Radio, Button in html Form using JavaScript</TITLE>
<SCRIPT language="javascript">
function add() {
for (i=1; i<=5; i++)
{
//Create an input type dynamically.
var element = document.createElement("input");
//Assign different attributes to the element.
element.setAttribute("type", i);
element.setAttribute("name", i);
element.setAttribute("value", i);
var foo = document.getElementById("fooBar");
//Append the element in page (in span).
foo.appendChild(element);
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<H2>Dynamically add element in form.</H2>
Select the element and hit Add to add it in form.
<BR/>
<INPUT type="button" value="Add" onclick="add()"/>
<span id="fooBar"> </span>
</FORM>
</BODY>
</HTML>
该代码有效。但是，不要将其水平添加，我希望在新行中添加每个新的文本字段。我试图使用< / script>< br />< script> ，< html>< br /> ;< / html> ， document.write（\\\和
） document.write（ \\\\在循环函数中，但它不像我想要的那样工作。我应该怎么办？
）
That code works. But instead of adding it horizontally, I want every new text field added in a new line. I've tried to use </script><br/><script>, <html><br/></html>, document.write("\n"), and document.write("\r\n") in the loop function but it doesnt work like what I want. What should I do?
推荐答案
为什么不这样做？
var br = document.createElement("br");
foo.appendChild(br);
这篇关于在新行（html）中动态添加更多文本字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
