При отправки скрипт срабатывает ,но всего лишь на секунду...Дальше идет сброс на значения по умолчанию.Помогите разобраться что не так?
!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//RU">
<HTML><HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; meta charset="UTF-8">
<TITLE>Laba 2.6</TITLE>
</HEAD>
<script type="text/javascript">
function change()
{
//var obj = document.GetElementById("table1");
var form = document.forms.form1;
var elems = form.elements.inputs;
document.all("table1").border = elems[0].value;
document.all("table1").cellspacing = elems[1].value;
document.all("table1").cellpadding = elems[2].value;
/*
alert(obj.style.border);
alert(obj.style.cellspacing);
alert(obj.style.cellPadding);
*/
}
</script>
<style>
body
{
background-image: url(./background.png);
}
</style>
<BODY BGCOLOR="white" TEXT="black" LINK="green" ALINK="red" VLINK="blue">
<form name = "form1" onsubmit="change()";return false method = "post">
<table id = "table1" width="300" border="1" cellspacing="0" cellpadding="5">
<tr>
<td><b>border:</b><input type="text" name = "inputs"></td>
</tr>
<tr>
<td><b>cellSpacing:</b><input type="text" name = "inputs"></td>
</tr>
<tr>
<td><b>cellPadding:</b><input type="text" name = "inputs"></td>
</tr>
<tr>
<td><input type="submit" value="Изменить"></td>
</tr>
</table>
</form>
</BODY>
</HTML>