gpt4 book ai didi

html - 将输入类型文本放在图像的中心

转载 作者:行者123 更新时间:2023-11-28 05:53:31 25 4
gpt4 key购买 nike

我需要创建一个 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 的背景图像。

关于html - 将输入类型文本放在图像的中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37190919/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com