gpt4 book ai didi

javascript - 为 html 表单创建输入字段...但也为其添加 'label'?

转载 作者:太空狗 更新时间:2023-10-29 13:41:30 24 4
gpt4 key购买 nike

我有一个 html 表单。当您单击该按钮时,javascript 函数会添加一个新字段。我正在尝试让该功能也为该字段添加一个“标签”。

我试过使用 document.createElement("LABEL"),但这并不能让我更改 innerHtml(或者我做错了......),也不能添加结束符

这是我的代码。谢谢! 变量实例 = 2;

        function newTextBox(element)
{
instance++;
// Create new input field
var newInput = document.createElement("INPUT");
newInput.id = "text" + instance;
newInput.name = "text" + instance;
newInput.type = "text";
instance++;

document.body.insertBefore(document.createElement("BR"), element);
document.body.insertBefore(newInput, element);

}
</script>
</head>


<body>
<LABEL for="text1">First name: </LABEL>
<input id="text1" type="text" name="text1">
<LABEL for="text2">Last name: </LABEL>
<input id="text2" type="text" name="text2">



<input type="button" id="btnAdd" value="New text box" onclick="newTextBox(this);" />
</body>

最佳答案

   function newTextBox(element)
{
instance++;
// Create new input field
var newInput = document.createElement("INPUT");
newInput.id = "text" + instance;
newInput.name = "text" + instance;
newInput.type = "text";

var label = document.createElement("Label");

label.htmlFor = "text" + instance;
label.innerHTML="Hello";
instance++;

document.body.insertBefore(document.createElement("BR"), element);
document.body.insertBefore(newInput,element);
document.body.insertBefore(label, newInput);

请注意 for label标签的属性,对应属性htmlFor fo javascript 中的标签对象

关于javascript - 为 html 表单创建输入字段...但也为其添加 'label'?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1950939/

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