输入框旁边的按钮

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>