如何能够在同一行中同时选择和输入？

Question

我已经完成了只能选择代码的代码

<div class="form-group">
                        <label for="editAppointmentContact" class="col-sm-2 control-label">Customer Name</label>
                        <div class="col-sm-10">
                            <select class="form-control select2contact" id="editAppointmentContact" ></select>
                        </div>
                    </div>

和另一行输入

<div class="form-group">
                        <label for="editAppointmentContact" class="col-sm-2 control-label">Customer Name</label>
                        <div class="col-sm-10">
                            <input class="form-control"  id="editAppointmentContact" type="text" >
                        </div>
                    </div>

如何在同一行中同时选择和输入这两个？

Answer 1

就像您使用引导程序一样，您可以使用form-inline。看一下文档：

https://getbootstrap.com/docs/4.0/components/forms/#inline-forms

尝试根据您的情况调整此布局。

（我给您一个建议，您不应该像选择和文本输入一样，对不同的元素使用html中相同ID的2倍）

希望这会有所帮助， 最好的问候！