html - 如何在输入标签中插入图像

我只想像大多数很棒的网站一样在输入标签中显示图像



在这种情况下，我想在注册号和密码之前的文本框中插入图像。

最佳答案

这是文本框的HTML：

<input type="text" name="whatever" id="funkystyling" />

这是左侧图片的CSS：

#funkystyling {

    background: white url(/path/to/icon.png) left no-repeat;
    padding-left: 17px;
}

这是右图的CSS：

#funkystyling {
    background: white url(/path/to/icon.png) right no-repeat;
    padding-right: 17px;
}