Php 默认情况下，如何在引导中的搜索表单占位符上添加图标以显示搜索

我正在为我的wordpress站点使用引导主题。我的问题是，在我的导航栏中，搜索表单将占位符显示为搜索，我想更改它，这就是为什么我在这一行更改了searchform.php文件，但没有任何更改

以下是form.php：

<form method="get" id="searchform" class="form-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="s" class="assistive-text hidden"><?php _e( 'Search', 'the-bootstrap' ); ?></label>
<div class="input-append">
<input id="s" class="span2 search-query" type="search" name="s" placeholder="<?php esc_attr_e('Search', 'the-bootstrap' ); ?>"><!--
--><button class="btn btn-primary" name="submit" id="searchsubmit" type="submit"><?php _e( 'Go', 'the-bootstrap' ); ?></button>
</div>
</form>

我想将占位符更改为图标，那么我是否需要更改此行或其他内容？

查看答案@是否适用于您

阿列克谢·伊万诺夫（Alexey Ivanov）接受的答案有3种变体，即在输入框中使用图标作为背景图像。因为它完全是CSS，所以使用WordPress让它为您工作应该没有问题

user1769915的第二个答案是如何在输入框中使用字体图标的一个很好的示例。重要的是，他们在placeholeder代码中添加了一个跨度

<input type="text" class="search-query span2" placeholder="Search&hellip;"><span class="fornav"><i class="icon-search"></i></span>

如果你在你的WordPress网站上使用类似的东西，这可能会很好

希望这有帮助

看看答案@是否适合你

阿列克谢·伊万诺夫（Alexey Ivanov）接受的答案有3种变体，即在输入框中使用图标作为背景图像。因为它完全是CSS，所以使用WordPress让它为您工作应该没有问题

user1769915的第二个答案是如何在输入框中使用字体图标的一个很好的示例。重要的是，他们在placeholeder代码中添加了一个跨度

<input type="text" class="search-query span2" placeholder="Search&hellip;"><span class="fornav"><i class="icon-search"></i></span>

如果你在你的WordPress网站上使用类似的东西，这可能会很好

希望这有帮助