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

我不知道该怎么人性化，这是给你，但也许这是值得考虑看看！