设计包含图像的自由文本框

Question

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

我可以找到自由文本框和按钮的方法，但我不知道如何在那里包含图像。

Answer 1

你可以试试这个

<强> CSS

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

<强> HTML

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

DEMO

Answer 2

听起来像这样：

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

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