Javascript-форум - Изменение свойств таблицы

При отправки скрипт срабатывает ,но всего лишь на секунду...Дальше идет сброс на значения по умолчанию.Помогите разобраться что не так?

!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>