在表單的文本字段中放置字體真棒

我對此很新，我一直在努力在預訂表單中的一個文本字段中放置字體真棒圖標。雖然我看到所有相關的問題和答案，但它們都太具體，或者我不知道如何將它們應用於我的具體問題。因此，這是我對特定領域的代碼：在表單的文本字段中放置字體真棒

<div class="row"> 
    <div class="col-md-6"> 
    <input 
     type="text" 
     name="country" 
     id="country" 
     placeholder="<?php _e('country', 'ci_theme'); ?>" 
     value="<?php echo esc_attr($country); ?>" 
     required> 
    </div>

在哪裏/我將如何把字體真棒圖標，「發發，全球」，因此它會顯示在球場上的左下角。到目前爲止，我能夠將它展示在實際領域的下方，這本身讓我更加困惑！另外，我需要申請的CSS是什麼（現在不用擔心顏色和大小，我知道如何解決這些問題）。

感謝您所有的寶貴幫助...

來源

2015-11-19 Tony

所以我在這兩個變化試過，但它是證明比我想象的要困難得多。它隨着其他字段的放置而變得混亂，我不能在我的生活中移動CSS中字段右側的圖標（如表單其餘部分的樣式）。對不起......我以爲我可以解決這個問題，我想我現在就把它留下..！ – Tony

你可能喜歡的東西是這樣的：http://materializecss.com/forms.html 你可以得到

<div class="input-field col s6"> <i class="fa fa-globe"></i> 
    <input id="icon_prefix" type="text" class="validate"> 
</div>

http://jsfiddle.net/v49pjhfj/

這種效果或者你可以使用：

<input placeholder="&#61612; Username"/>

用CSS

input { font-family: 'FontAwesome'; }

如果您想知道其他圖標的佔位符碼：查找在the site和Unicode值convert it from hex to dec

http://jsfiddle.net/v49pjhfj/1/

來源

2015-11-19 22:35:00

嗨托馬斯..非常感謝你的幫助。我迫不及待地想回家，試試這個！將讓你知道結果:-) – Tony

@Tony這很酷，但你可以點擊JSFiddle鏈接並直接測試 –

所以我嘗試了這兩種變化，但它被證明比我想象的要困難得多這將是。它隨着其他字段的放置而變得混亂，我不能在我的生活中移動CSS中字段右側的圖標（如表單其餘部分的樣式）。對不起......我以爲我可以解決這個問題，我想我現在就把它留下..！ – Tony

在表單的文本字段中放置字體真棒

回答

相關問題