Текст поля поиска не отображается в FF 3.6?

Question

Форма поиска в значительной степени является стилизованной версией 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>

Answer 1

Атрибут placeholder <input type="text" placeholder="... является частью HTML5, и если вы хотите иметь запасной вариант не-PHP, не-jQuery, не-JavaScript, то вы можете просто установить значение по умолчанию или стилизовать его с помощью CSSизображение на заднем плане.