在Wordpress主题(使用get_search_form())中,如何将占位符文本添加到搜索框中?

2022-08-30 21:03:20

我正在尝试创建一个主题,并且我正在使用以下内容在标题中显示一个搜索框:

<?php get_search_form(); ?>

有没有办法让占位符文本显示在该框中?


答案 1

我最终弄清楚,如果我的主题文件夹中没有名为“searchform.php”的文件,Wordpress显示是默认形式,不包含任何占位符文本:

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div><label class="screen-reader-text" for="s">Search for:</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

我在主题文件夹中创建了一个名为“searchform.php”的新文件,并修改了默认表单以包含占位符文本:

<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div>
        <input type="text" value="" name="s" id="s" placeholder="Search gear, clothing, & more.." />
        <input type="submit" id="searchsubmit" value="Search" />
    </div>
</form>

答案 2

将搜索表单.php放在主题文件夹中,并将该代码放在其中

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
<div>
<input class="text" type="text" value=" " name="s" id="s" />
<input type="submit" class="submit button" name="submit" value="<?php _e('Search');?>" />
</div>
</form>

随心所欲地改变!像类,占位符,文本任何你想要的东西,但不要改变,如名称,id和表单属性

谢谢


推荐