WordPress 搜索框添加文字提示
星期天, 五月 10th, 2009搜索框里显示文字提示是目前常见的一种技术了，但是实现的方法有很多种，mg12 介绍一个使用 jQuery 添加文字提示的方法。 这个方法相比于原来直接添加 "input" 元素的值为提示文字的办法，提升了可用性和可访问性，不过也存在两个缺点。一个是 mg12 自己也提到的不方便国际化的问题；另一个则是，如果用户要搜索的关键词和默认的文字提示相同时，则无法进行搜索。当然，你也可以认为第二个问题是我钻牛角尖，也许根本没有人会用默认的文字提示作为搜索关键词。其实我也认为不会出现这种情况，我只是想提出另一种思路来实现搜索框的文字提示，这个办法应该可以解决上面提到的两个问题。 下面是我修改我这个主题的搜索框提示的方法： 首先我需要对搜索框部分的主题文件做一点小小的修改 [code lang="php"] <form method="get" id="searchform" action="<?php bloginfo('url'); ?>/"> <div><input type="text" value="<?php the_search_query(); ?>" name="s" id="s" title="<?php _e('Type text to search here...'); ?>" /> <input type="submit" id="searchsubmit" value="Search" /> </div> </form> [/code] 以上是我这个主题文件的 searchform.php 文件的内容，我做的修改只是给 "input" 元素添加了一个属性 title="<?php _e('Type text to search here...'); ?>" 这样就解决了提示文字的国际化问题，如果在语言文件里有定义就可以直接使用了。 然后就是 jQuery 的部分 [code lang="js"] jQuery(document).ready(function(){ ...
