javascript - Javascript CLEAR ボタンがクリックされたときにフォーカスとカーソルを入力ボックスに置きます

Question

ユーザー/訪問者が名、姓、電子メールアドレスなどの情報を入力するフォームがあります。

input type="reset"とinput type="submit"を使用して 2 つのボタンがあります。

ユーザーが CLEAR (リセット) ボタンをクリックすると、カーソルが特定の入力ボックスに戻るようにしたいと考えています。

以下は、これを達成しようとしている方法ですが、うまくいきません。ちなみにブラウザはSafariを使っています。

function cleared()
    {
    var cb = document.getElementById("checkbox");
    var sub = document.getElementById("submit");
    cb.checked = false;
    sub.disabled = true;
    document.getElementById('firstname').focus();
    document.getElementById('firstname').select();
    }

HTML コードは次のようになります。

<input id="clear" type="reset" name="reset" value="Rensa" onclick="cleared();">

私は何を間違っていますか？

前もって感謝します！

//アンドレアス