配售圖標旁邊的輸入框

我有下面的代碼配售圖標旁邊的輸入框

<div class="form-group" ng-class="{'has-error': datepickerForm.date.$invalid}"> 
    <i class="fa fa-calendar"></i> 
<input type="text" class="form-control" ng-model="selectedDate" name="date" bs-datepicker placeholder="Date" /> 
</div>

我試圖把圖標旁邊的輸入框左側或右側。此代碼現在將其放在兩行上。我在這裏查看了其他類似的帖子，但我沒有使用jquery或他們正在做的方式。請讓我知道如何更改代碼以將日期圖標放在框旁邊。

來源

2014-07-09 J. Davidson

檢查：：;'塊I會給textarea的一類具有「顯示：直列塊」

實施例。要在同一行上，他們需要是「內聯」，這是默認的。 –

至於我所知道的，<i>標籤是<italic>（至少爲HTML 4.01）的簡稱。我寧願嘗試使用<img>標籤。

此外，爲放置彼此相鄰的部分。如果任何的或元素或子元素，如果任何被設定爲'顯示

<html> <head> <style type="text/css"> .inline{ display:inline-block; } </style> </head> <body> <div> <img class="fa fa-calendar inline" src="yourIcon"></img> <input type="text" class="inline"/> </div> </body> </html>`

來源

2014-07-09 01:05:13

配售圖標旁邊的輸入框

回答

相關問題