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

Question

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

在此我想在注册号和密码之前的文本框中插入一个图像..我该怎么做？

Answer 1

这是文本框的 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;
}