从搜索栏html替换水印文本

Question

I would like to change watermark text and pup-up text on my search bar.

Search box looks like on image bellow - I would like to change "Search ..." and "Search for:" texts:

Search box code from searchform.php :

 <div class="search-wrapper">

<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">

    <label>

        <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label', 'Tesseract' ) ?></span>             

        <input type="search" class="search-field placeholdit" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label', 'Tesseract' ) ?>" />

    </label>

    <input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'Tesseract' ) ?>" />

</form>

I find out that replacing "Search for:" changes the pop-up text but how to change watermark text?

Answer 1

You could try add placeholder="New text" to input type="search" element.

Additionally you could lookup whether you have some additional javascript that reacts with the element or its class (e.g. with class placeholdit).