Javascript HTML：呈现搜索框

我想呈现一个输入字段和它右边的搜索图标。我不想在标记中明确指定输入字段的高度，但我希望图标的高度和宽度都是如此

有没有一种方法可以不用使用javascript就可以做到这一点

谢谢

p.S.

我想专注于纯CSS/HTML或纯javascript或基于YUI3的解决方案，因此请不要提出基于其他库的解决方案（特别是jQuery，我并不反对它，我只是想减少噪音）

编辑

很抱歉，我忘了一个JSFIDLE

EDIT2

---

好的，我已经成功了，但是，搜索框看起来还是很难看。我认为搜索图标在编辑框里面看起来更好，但是这对于我的低级能力来说已经太先进了。

我不太了解HTML/CSS，所以现在我有一个非常基本的和丑陋的渲染，添加了JSoFoDeld到PASSO，你不想让图像垂直排列在中间WRT到输入，你想让它根据输入的高度改变大小吗？总的来说，我希望它看起来漂亮。正确的尺寸是一个必要的条件，但显然还有更多。类似这样的事情？是的，但你使用的是明确的绝对尺寸。我在UI方面的有限经验告诉我，显式绝对维度是不好的。有没有办法避免它们？