У меня есть форма HTML. При нажатии кнопки функция JavaScript добавляет новое поле. Я пытаюсь иметь функцию, также добавляют 'маркировку' для поля также.
Я попытался использовать document.createElement ("МАРКИРОВКА"), но это не позволяет мне изменить innerHtml (или возможно я делаю его неправильно..), ни добавляют закрытие
Вот мой код.Спасибо! экземпляр var = 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 метки, соответствует свойству htmlFor для объекта метки в javascript
.