gpt4 book ai didi

javascript - 在新行中动态添加更多文本字段 (html)

转载 作者:太空宇宙 更新时间:2023-11-04 15:18:21 27 4
gpt4 key购买 nike

我使用了来自 http://viralpatel.net/blogs/dynamic-add-textbox-input-button-radio-element-html-javascript/ 的代码html-javascript/.my 代码是这样的:

<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">&nbsp;</span>
 
</FORM>
</BODY>
</HTML>

该代码有效。但不是水平添加它,我希望每个新文本字段都添加到一个新行中。我试过使用 </script><br/><script> , <html><br/></html> , document.write("\n") , 和 document.write("\r\n")在循环函数中,但它不像我想要的那样工作。我该怎么办?

最佳答案

为什么不这样做呢?

var br = document.createElement("br");
foo.appendChild(br);

关于javascript - 在新行中动态添加更多文本字段 (html),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12224823/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com