html - 设计一个包含图像的自由文本框

Question

我刚开始编码（HTML 和 CSS），我必须创建一个包含两个自由文本框的选择加入表单：一个用于名称，一个用于电子邮件，但它们在自由文本框的右端也有图像. （不幸的是，我无法发布图像。）

我可以在自由文本框和按钮周围找到方法，但我不确定如何在其中包含图像。

Answer 1

你可以试试这个

CSS

#name{
    background:url(http://imagePath/ImageFile) no-repeat right;
}

HTML

<input type="text" name="Name" id="name" />

演示。

Answer 2

听起来像这样：

input[type=text] {
    background: url(path/to/image) right 0 no-repeat;
}

jsfiddle（在我的演示中，我使用了在 Google 图片上找到的复选标记，但您可以使用您想要/需要的东西。