İki tane input kutucuğunu doldurup tamama basınca o kutucuktaki yazı silinsin?

Arkadaşlar bende iki tane input kutusu ve bir tane tamam kutusu var. Bu input kutularını üyeler dolduruyorlar ve tamama basınca ordaki inputtaki veriler bir alt satıra otomatik olarak ekleniyor. Ancak benim istediğim veriler eklenince 2 tane input kutucuğundaki yazı silinsin, yeni eklemeye hazır olsun. nasıl yapabilirim? yardımlarınızı bekliyorum, teşekkürler.

php ile alakası ne?

<html>
<head>
<script type="text/javascript">
function sil() {
document.getElementById('text1').value = "";
document.getElementById('text2').value = "";	
}

</script>

</head>

<body>
<form>
<input type="text" id="text1" />
<input type="text" id="text2" />
<input type="button" value="Gonder" onclick="sil();" />
</form>
</body>
</html>

Usta dediklerini yaptım ama bu seferde sistem çalışmıyor.

Submit tuşunun orjinal kodu şöyle;

<input name="bt2" class="groovybutton" type="submit" src="img/ekle.png" 

id="bt2" value="Ekle" alt="Ekle" />

Şu şekilde olabilir mi?

<input name="bt2" class="groovybutton" type="image" src="img/ekle.png" 

id="bt2" value="Ekle" alt="Ekle" onclick="sil();"/>

Olmadı hocam bu da. Bunu koyduğumda hiç temizleme olayı çalışmıyor.

Form kodlarınızı verir misiniz?

Özel Mesaj yoluyla gönderdim hocam.

Cevapladım.

Olmadı hocam o kodda. Kutucuktaki veriler silindiği için sistem kutuyu boş olarak görüyor.