検索バーの透かしテキストを置き換えてください。

検索バーにウォーターマークテキストとpup-upテキストを変更したいと思います。検索バーの透かしテキストを置き換えてください。

検索ボックスが怒鳴る画像のように見える - 私は変更する「検索...」と「検索：」したいテキスト：

検索ボックスコードを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>

私は交換「を検索する」ことを見つけますか？

出典

2017-01-23 ppi0trek

placeholder="New text"をinput type="search"要素に追加できます。

さらに、要素またはそのクラスに反応するいくつかの追加のJavaScriptがあるかどうかを調べることができます（クラスplaceholditなど）。

出典

2017-01-23 21:13:24 Zapo

'placeholder =" New text "'を追加しました。面白いことが起こりました。通常、検索バーは前と同じように見えますが、 "New test"が表示されます。検索ボックスをクリックすると動作します。それはまだ "検索..."テキストがない場合 – ppi0trek

それはあなたがそれを混乱させるいくつかのjavascriptを持っているようだ。たぶんcssクラスかtype = searchのいずれかでテストのためだけにそれらを削除したり、タイプをテキストに変更したりすることができます。 – Zapo

クラスパラメータを削除し、 'Search ...'テキストが消えました。すべてがうまくいく！ありがとう:) – ppi0trek

value="<?php echo get_search_query() ?>"を必要なものに置き換えてください。

「透かし」とは、Search ...のテキストを意味しますか？

出典

2017-01-23 20:43:12 six03

はい、 '検索...'テキスト - プレースホルダですが、私がサイトのインスペクタを使用した時、要素は透かしと呼ばれました。 'value =" <？php echo get_search_query（）？> "'を 'value =" XXXXX "'に置き換えても何も変更されませんでした。何かがこの公式を上書きする可能性はありますか？ – ppi0trek

検索バーの透かしテキストを置き換えてください。

答えて

関連する問題