<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function addForm() {
var form = document.getElementById('f1');
var node = document.createElement('input');
var br = document.createElement('br');
node.setAttribute('name', 'text');
form.appendChild(node);
form.appendChild(br);
}
</script>
</head>
<body id="b1">
<form id="f1" >
<input id="in1" type="text"/><br/>
</form>
</body>
<a href="javascript:void" onclick="addForm()">Add form</a>
</html>document.getElementById('add_form').innerHTML += "<input type=text name=text>";таким способом создаю несколько текстовых полей при клике на кнопку добавить еще одно поле. Все работает но проблема в том что если есть уже заполненое поле 1 с текстом, при клике добавления поля2, поле1 очищается. Как сделать чтобы при добавлении поля2 текст в поле1 не очищался?
]]>