何かが原因でページがセンターに読み込まれ続けますか？

Question

は、私が「エラー」は、クレジットカードのフォームセクション内にある、発生する場所を絞り込むことができました：

<div class="form-group"> 
    <label for="cardNumber">Your card number</label> 
    <div class="input-group"> 
     <input 
       type="tel" 
       class="form-control card-number input-medium" 
       name="cardNumber" 
       placeholder="Enter Your Valid Card Here" 
       autocomplete="cc-number" 
       required autofocus 
       value="" 
     /> 
     <span class="input-group-addon"><i class="fa fa-credit-card"></i></span> 
    </div> 
</div> 
<div class="form-group"> 
    <label for="cardNumber">Your Email Address</label> 
    <div class="input-group"> 
     <input 
       type="email" 
       class="form-control" 
       name="email" 
       placeholder="Enter Your Valid Email Here" 
       required autofocus 
       value="" 
     /> 
     <span class="input-group-addon"><i class="fa fa-envelope-o"></i></span> 
    </div> 
</div> 

マイ不審であること（ストライプAPIを使用しています）私が使用しているフォームたとえば、顧客のカードが期限切れになっている場合、エラーが上記の「フォームグループ」コードのすぐ上にポップアップします。また、PHPとJavaScriptには、.index.phpへの参照があります。

<script> 
    $('.close').click(function(){ 
    window.location.href='index.php'; 
    }); 
</script> 

しかし、それは私の勘です....

：ここでは、ページの下部にあります

このページはこのような行動を示している理由がありますか？ありがとう！

Answer 1

回答：「自動フォーカス」を削除してください - @Rickのおかげで