为WordPress搜索框创建占位符文本

时间：2013-06-07 作者：Flavius Frantz

我需要在默认的searchform中创建一个搜索框。php文件，其行为与HTML5中具有“占位符”属性的默认功能类似。

这是我搜索表单中的内容。目前的php：

 <input type="submit" id="searchsubmit" value="text" />
 <input placeholder="<?php _e( \'Search here..\' ); ?>">
文本“在此处搜索…”显示在输入中，当我开始在输入中键入时，它将消失。我需要它在单击输入时消失。

谢谢

2 个回复
最合适的回答,由SO网友:RRikesh 整理而成

单击文本字段时，占位符本身不会消失。我想您需要一些Javascript来实现这一点。

<input type="text" onfocus="if(this.value==\'<?php _e( \'Search here..\' ); ?>\'){this.value=\'\';}" onblur="if(this.value==\'\'){this.value=\'<?php _e( \'Search here..\' ); ?>\';}" value="<?php _e( \'Search here..\' ); ?>">

SO网友:Faolan

尝试此操作，将其放入主题函数文件：

function html5_search_form( $form ) { 
     $form = \'<section class="search"><form role="search" method="get" id="search-form" action="\' . home_url( \'/\' ) . \'" >
    <label class="screen-reader-text" for="s">\' . __(\'\',  \'domain\') . \'</label>
     <input type="search" value="\' . get_search_query() . \'" name="s" id="s" placeholder="Search website" />
     <input type="submit" id="searchsubmit" value="\'. esc_attr__(\'Go\', \'domain\') .\'" />
     </form></section>\';
     return $form;
}

 add_filter( \'get_search_form\', \'html5_search_form\' );
只需确保您将域更改为自己的语言域即可。

结束
标签： php   小码农  

相关推荐

有条件地删除注释并在unctions.php中发布元数据

我是Wordpress的新手，来自Joomla的点击式世界！现在很容易做到的是在Wordpress中复制一些扎实的php知识；）我试图使用函数有条件地从3个类别中删除帖子元和评论。php我正在使用Woothemes画布和我自己的孩子主题。我可以使用空函数全局删除post meta：function woo_post_meta() {} 这很好，但我只希望它适用于3个类别我知道我需要以某种方式使用is\\u类别，但我不确定语法，我尝试了if ( is_category(4,5,6) ) {