ポップアップするとすぐに、ブートストラップモーダル入力にコントロールを渡す方法はありますか？

Question

モーダル入力をブートストラップするためにコントロールを渡すことが可能であるかどうか疑問に思っていました。マウスクリックをthat.theにフォーカスするために使用する必要はありません。通常、モーダルポップアップとしてinputasをすぐにクリックする必要があります。ここにシンプルコードがあります。

<div class="modal fade" id="myModal1" role="dialog"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Password authentication</h4> 
      </div> 
      <?php $attributes = array('class' => 'check_user_password', 'id' => 'check_user_password'); ?> 
      <?php echo form_open('PswAuthentication', $attributes); ?> 
       <div class="modal-body"> 
        <div class="form-group"> 
         <label>Enter password:</label> 
         <input type="password" class="form-control" name="user_password" placeholder="Enter password"> 
        </div> 
        <div class="col-xs-1" id="courseInfo" style="display:none;"> 
         <input type="hidden" name="crs_id" id="courseId" value="<?php echo set_value('crs_id'); ?>"> 
         <input type="hidden" name="crs_code" id="courseCode" value="<?php echo set_value('crs_code'); ?>">       
        </div> 
        <input type="hidden" name="event" id="crs_event" value="<?php echo set_value('event'); ?>"> 
        <div class="form-group"> 
         <button type="submit" class="btn btn-default btn-success check_user_password_btn">Submit</button> 
        </div> 
       </div> 
      <?php echo form_close(); ?> 
     </div> 
    </div> 
</div> 

そして、ここでは、私は回答の連中を得たUI

Answer 1

です。この簡単な質問に申し訳ありません。入力フィールドにオートフォーカスを配置するだけでした。

<input type="password" class="form-control" name="user_password" placeholder="Enter password" autofocus> 

Answer 2

HTML5がそのセマンティクスをどのように定義するかにより、自動フォーカスHTML属性はブートストラップモーダルに影響しません。ここcodepen