同じ行にラベルとドロップダウンを表示

ラベルとドロップダウンを同じ行に表示する必要があります。私は、ブートストラップを使用していて、私の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>

出典

2017-05-18 sqlcte

ラベルの属性 'の' を使用のようなものです：

<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>

出典

2017-05-18 13:00:26

おかげで私はそれが私のために働いていない、あなたのソリューションを試してみました。 – sqlcte

ラベル要素に 'for'属性を追加し、値選択要素のidを割り当てます。上の例では、

同じ行にラベルとドロップダウンを表示

答えて