如何使用纯HTML和CSS在输入字段中添加标签

我想创建一个标签，并将其添加到输入字段中，如所附图像所示

---

如何使用纯HTML和CSS实现这一点

试试这个，根据您的要求进行更改

。输入组{
位置：相对；宽度：100%；溢出：隐藏；
}
.input group input{位置：相对；高度：45px；边框半径：30px；最小宽度：500px；方框阴影：无；边框：1px实心#eaeaeaea；左侧填充：160px；}
.输入组标签{位置：绝对；左侧：0；高度：48px；背景：55ccf2；填充：0px 25px；边框半径：30px；线条高度：48px；字体大小：18px；颜色：fff；顶部：0；宽度：100px；字体重量：100；}/code>

一些文本
也许这会有帮助


*{
保证金：0；
填充：0；
}
输入{
填充：10px 10px 10px 30px；
宽度：200px；
边框：实心1px浅灰色；
边界半径：20px；
}
标签{
背景颜色：浅蓝色；
填充：9px；
边界半径：20px；
颜色：白色；
右边距：-30px；
z指数：999999；
位置：相对位置；
}

名
请参阅此