Html 如何在文本框中添加2个fa图标

如何在单输入文本框中添加两个fa图标。当我在我的输入应用我的代码时，它显示如下所述。

我犯了什么错。请解决我的问题，先生

我的代码是：

.字段图标{
浮动：对；
右边距：6px；
利润上限：-20px；
位置：相对位置；
z指数：1；
光标：指针；
}

---

您好，现在您可以修改html，一些样式表可以这样应用于此

用户位置相对或绝对，如下例所示

.input\u字段{
位置：相对位置；
}
.图标秒{
位置：绝对位置；
排名：0；
左：10px；
底部：0；
背景：红色；
宽度：20px；
}
.icon-sec.pwd{
左：自动；
右：10px；
}
.输入\字段.输入项{
宽度：100%；
框大小：边框框；
填充：0 45px；
}

---

您可以在div中包装输入并使用pseudo：

了解有关伪代码的信息：

使用下面的代码查看charters onclick eye图标（使用Jquery）

$（“i”）。单击（函数（）{
if（$（'.pass'）.attr（'type'）='password'&&（$（'.pass'））.val（）！=“”）
$（'.pass'）.attr（'type'，'text'））
其他的
$（'.pass'）.attr（'type'，'password'））
})

#正文一：之后{
字体系列：“FontAwesome”；
位置：相对位置；
左-26px；
内容：“\f06e”；
}
#文本：之前{
字体系列：“FontAwesome”；
位置：相对位置；
右：-19px；
顶部：1px；
内容：“\f023”；
}
#文本输入{
文本对齐：居中；
}

请告诉我需要帮助！如何在文本框中添加文本填充？为了满足您的需要？您可以删除类型上的锁定图标！你想要它吗？我想在用户单击show然后按Character显示密码时显示单侧锁或右眼图标你使用jquery吗？