css如何在输入框里添加图片和文字？

我要做成这样的这是我做的请发代码，谢谢了

2024-12-17 19:01:30

推荐回答（4个）

回答1：

1、首先，我们应该先给div设置宽度和高度，保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、如图，通过url()来连接图片，url里面放置的就是背景图片的路径。

4、这样，保存之后文字就会覆盖在图片的上面了，而如果使用img标签，则没有这种效果。

回答2：

input输入框内是无法添加图片的，textarea文本域可以加入背景图片。

要在input内加入默认值可以写value属性

textarea文本域的背景可以使用css的background-image进行设置，默认值可以写在textarea的开始和结束标签之间

代码如下




.bg {
background-image:url(图片地址);
}



默认文字

回答3：

给输入框加背景图，定位在最左边时，给输入框添加左填充，定位在右边时给右边加填充，以防输入文字和图片重合。至于文字直接给value="请输入…"属性即可，也可以用placeholder="请输入…"代替

回答4：

input 给个背景。文字是 value="请输入产品型号"