javascript - 使用图标更改占位符文本

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 和 html 函数 - 但它不起作用。对我来说唯一可以更改占位符的函数是 attr。

Answer 1

如果您的目标只是在添加提交后更改显示，那么您可能只需使用分层 html 元素来呈现图标即可。您可以增加输入中的缩进，为图标腾出空间，并将图标呈现为以更高 z-index 显示的单独元素。对于这种方法中带有图标的输入有很多教程。