html - 画像を含むフリーテキストボックスをデザインする

Question

コーディング（HTMLとCSS）を始めたばかりで、2つのフリーテキストボックスを持つオプトインフォームを作成する必要があります。1つは名前用、もう1つはメール用ですが、フリーテキストボックスの右端にも画像があります。。（残念ながら画像を投稿することはできません。）

フリーテキストボックスとボタンの周りに自分の道を見つけることができますが、そこに画像を含める方法がわかりません。

score 2 · Accepted Answer

あなたはこれを試すことができます

CSS

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

HTML

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

score 2 · Accepted Answer

このように聞こえます：

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

jsfiddle（私のデモでは、Google画像検索で見つけたチェックマークを使用しましたが、必要なものを使用できます。

2 に答える 2