forms - 入力ボックスの次のボタン

Question

入力ボックス (JQuery Autopopulate) があります。入力フィールドの横にボタンを追加したいと思います。以下のコードは、非常に小さいボタンまたは分ボタンを示しています。誰かが私を助けることができますか？ありがとう！

<div class="row">
       <div class="col-lg-4 col-lg-offset-4">
       <div class ="form-inline">
            <label for="text" >Agent Name or ID</label>     
            <div class="input-group">                  
                <input name="selectAgent" type="text" class="form-control" id="selectAgent" placeholder="type &quot;Agent name or id &quot;" title="type &quot;Agent name or id &quot;">

                <button type ="button" name="addAgent" id="addAgent" class="btn btn-primary"  value ="Add Agent"></button>

            </div>
        </div>

     </div> <!-- col-lg-4 col close -->
    </div> <!-- row close -->

Answer 1

適切なサイズを取得するには、ボタンにテキスト コンテンツが含まれている必要があります。ボタンにテキストを入力したくない場合は、スペースに HTML コードを入力してみてください。

テキスト付き:

<button type="button" name="addAgent" id="addAgent" class="btn btn-primary" value="Add Agent">Add Agent</button>

スペースあり:

<button type="button" name="addAgent" id="addAgent" class="btn btn-primary" value="Add Agent">&nbsp;</button>