html - 在同一行显示标签和下拉菜单

Question

我需要在同一行上显示标签和下拉菜单。我正在使用 bootstrap，我的 html 就是这样的

<div class="row">
   <div class="col-md-2>
      <label>Users:</label>
      <select class="form-control">
         <option value="">Select User</option>    
         <option *ngFor="let u of UsersList"       [ngValue]="u.UserId">{{u.FullName}}</option>
      </select>
   </div>
</div>

Answer 1

使用标签的“for”属性:

<div class="row">
   <div class="col-md-2>
      <label for="sel-options">Users:</label>
      <select id="sel-options" class="form-control">
         <option value="">Select User</option>    
         <option *ngFor="let u of UsersList"       [ngValue]="u.UserId">{{u.FullName}}</option>
      </select>
   </div>
</div>