<!DOCTYPE html>
<html>
<head>
<title>пример</title>
<script>
function addInput(e, id) {
var div = document.getElementById(id);
div.firstChild.value = e.value;
div.style.display = e.value != '' ? 'block': 'none';
}
</script>
</head>
<body>
<div>
<form id="form1">
A<input type="text" value="" onblur="addInput(this, 'divA')"><br>
B<input type="text" value="" onblur="addInput(this, 'divB')"><br>
C<input type="text" value="" onblur="addInput(this, 'divC')"><br>
D<input type="text" value="" onblur="addInput(this, 'divD')"><br>
E<input type="text" value="" onblur="addInput(this, 'divE')"><br>
F<input type="text" value="" onblur="addInput(this, 'divF')"><br>
</form>
</div>
<div>
<form id="form2" name="form2">
<div id="divA" style="display: none;">A<input type="text" id="Editbox1" name="Editbox1" value=""></div>
<div id="divB" style="display: none;">B<input type="text" id="Editbox2" name="Editbox2" value=""></div>
<div id="divC" style="display: none;">C<input type="text" id="Editbox3" name="Editbox3" value=""></div>
<div id="divD" style="display: none;">D<input type="text" id="Editbox4" name="Editbox4" value=""></div>
<div id="divE" style="display: none;">E<input type="text" id="Editbox5" name="Editbox5" value=""></div>
<div id="divF" style="display: none;">F<input type="text" id="Editbox6" name="Editbox6" value=""></div>
</form>
</div>
</body>
</html>