как при нажатии кнопки очистить поля формы

Кнопка, при нажатии которой очищаются все поля обычной html формы выглядит так:

<form name="myForm">
<p> 1 : <br><input type="text" name="text1" value="33djhf"></p>
<p> 2 : <br><input type="text" name="text2" value="33djhdddddf"></p>
</form>
<input onclick="clr();" type="button" value="clear">

<script>
function clr() {
    document.getElementsByName ('text1') [0].value = '';
    document.getElementsByName ('text2') [0].value = '';
}
</script>

Данный javascript код очищает выбранные по названию поля форму, даже если она была предварительно задана через value.