使用图标

Question

我有一个改变占位符文本的功能。但是，我无法为此添加代码。例如，如果我想做一个粗体或只是在文本附近添加一个图标 - 它不起作用，只显示代码而不是这样做。 这是代码：

$('#email').attr('placeholder', '<i class="fa fa-times" aria-hidden="true"></i> Invaild email.')

它只是显示它："<i class="fa fa-times" aria-hidden="true"></i> Invaild email"。 我也试过用css＆amp; HTML功能 - 但它不起作用。我唯一能够更改占位符的函数是attr。

Answer 1

如果你的目标只是在添加提交后更改显示，那么你可以通过使用分层的html元素来渲染图标。您可以增加输入中的缩进以为图标腾出空间，并将图标渲染为显示在更高z-index的单独元素。在这种方法中，有大量的图标输入教程。