搜索表单几乎是默认的二十一个Wordpress版本的样式版本。
默认文本显示几乎无处不在 - 但不是在FF 3.6中,可能是较旧的IE。我假设因为默认情况下二十一个主题在搜索时使用了一些CSS3调用。无论如何 - 对于表单字段默认文本,传统的代码是什么呢?
(我更喜欢没有PHP,jQuery,JS) - 但最终哪条路线都是可靠的。
以下是搜索表单中的代码:
<?php
/**
* The template for displaying search forms in Twenty Eleven
*
* @package WordPress
* @subpackage Twenty_Eleven
* @since Twenty Eleven 1.0
*/
?>
<form method="get" id="searchform" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="s" class="assistive-text"><?php _e( 'Search', 'twentyeleven' ); ?></label>
<input type="text" class="field" name="s" id="s" placeholder="<?php esc_attr_e( 'Search, title, author, keyword', 'twentyeleven', 'twentyeleven' ); ?>" />
<input type="submit" class="submit" name="submit" id="searchsubmit" value="<?php esc_attr_e( 'Search' ); ?>" />
</form>
<div id="searchtbtn"><img src="http://mysite.com/wp-content/uploads/2012/03/searchnav_btn.gif" style="margin-left: 292px; margin-top: 60px; max-height: 35px; max-width: 70px; position: absolute;"></div>
答案 0 :(得分:2)
占位符属性<input type="text" placeholder="...
是HTML5的一部分,如果您想要一个非PHP,非jQuery,非JavaScript后备,那么您可以设置默认值或使用它设置样式CSS背景图片。