設計一個包含圖像的免費文本框

我剛剛開始編碼（HTML和CSS），我必須創建一個選擇加入表單，其中包含兩個免費文本框：一個用於名稱和一個用於電子郵件，但它們也是在自由文本框的右端有圖像。（不幸的是，我無法發佈圖片。）設計一個包含圖像的免費文本框

我可以在自由文本框和按鈕上找到自己的方式，但我不確定如何在其中包含圖像。

2012-10-02 kat_indo

嗨這ISN WriteMyCodeForMeOverflow，但是如果你發佈了你試圖做的事情 - 你的HTML和CSS以及可能的[jsfiddle demo]（http://www.jsfiddle.com） - 我們都可以解釋在哪裏你錯了，並指出你在正確的方向 –

聽起來像你想用CSS在textareas中設置背景圖像？ – deizel

你可以試試這個

CSS

#name{ 
    background:url(http://imagePath/ImageFile) no-repeat right; 
}

HTML

<input type="text" name="Name" id="name" />

DEMO。

來源

2012-10-02 21:35:03

聽起來是這樣的：。

input[type=text] { 
    background: url(path/to/image) right 0 no-repeat; 
}

jsfiddle（在我的演示中，我使用了複選標記我在谷歌的圖像發現，但你可以使用任何你想要/需要什麼就有什麼

來源

2012-10-02 21:37:59

是的，這實際上是我w作爲試圖實現！謝謝！ –

還有一個問題。我嘗試過並且完美地工作，但我也試圖在右側添加一些邊距，但似乎沒有任何工作。有什麼建議麼？ –

'按照'保證金'你究竟是什麼意思？你可以有margin-right，這會將文本框右側的任何元素向右推到一定數量的像素（http://cl.ly/JrsH - margin-right：100px; - 橙色表示邊距）或填充權，這將意味着您將無法在文本框右側輸入一定數量的像素（http://cl.ly/JrxV - padding-right：50px; - 綠色顯示填充）。祝你好運，我很高興回答任何問題:) –

設計一個包含圖像的免費文本框

回答

相關問題