htmlページを作成する必要があります。このhtmlページでは、<input type="text "/>の画像が必要です。この入力は画像の中央にあります。この入力タイプのテキストには、右側の入力内に「検索」アイコンもあります。画像の中央に入力タイプのテキストを入力
私は、このようにコードをビルドしてみました：
明らか<html>
<img src="./home/image.jpeg">
<input type="text" name="food" placeholder="insert the food">
</input> <!-- this input has the icon search on the right-->
</img>
<html>
それは動作しません。それを有効にする良い方法はありますか？
入力をdivに入れ、画像をそのdivの背景画像にします。
あなたの質問は、より具体的にする必要があります。リンクをアップロードできますか？入力タイプのテキストに背景画像を追加することもできます。このようなもの：
入力{background-image：url（ "search_icon.png"）;位置：絶対; }
申し訳ありません。初心者のスタックオーバーフロー – Lucas
これは
htmlのためにそれを行う必要があります。
<div class="bg">
<input type="text" name="food" placeholder="insert the food">
</div>
CSS：
.bg{
background-image: url("http://lorempixel.com/200/200/");
background-repeat:no-repeat;
height:200px;
width:200px;
line-height:200px;
text-align:center;
}
CSSの背景画像を使うのか？ –