使用HTML/CSS/JS在文本字段內放置圖像？

Question

有沒有什麼辦法可以在HTML/CSS/JS的文本字段中放置圖片，而不是使用圖片作爲背景？圖片需要點擊並且位於該字段的右側。謝謝。

Answer 1

除了通過定位和z-index在文本字段上浮動圖像並向文本字段添加填充以防止內容進入圖像下方之外，我無法想出任何其他方式來實現此目的。

Answer 2

你是指窗體文本字段中的小圖像嗎？通常，您可以使用佔位符屬性，但唯一的屬性值佔位符可以是文本。如果/當他們爲屬性添加額外的值（加上不是所有的瀏覽器都支持佔位符），那麼你就可以在CSS樣式表中指定不透明度，浮點等。

我認爲如果在文本字段的右側放置一個小圖標會更好，它會更容易和可以識別地完成同樣的事情。

雖然你可以使用z-index，但我認爲這會比kwim的價值更多的工作。

編輯補充：這是竊聽我，所以我做了一個小閒逛，發現這個鏈接：http://www.jankoatwarpspeed.com/post/2008/11/26/Make-image-buttons-a-part-of-input-fields.aspx

我不知道該怎麼人性化，這是給你，但也許這是值得考慮看看！