2016-06-16 5 views
4
<form role="search" method="get" id="searchform" class="searchform" action="<?php echo esc_url(home_url('/')); ?>"> 
    <input type="search" class="search rm-input" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder "Your name here"/> 
    <input type="submit" style="display:none" id="searchsubmit" value="<?php echo esc_attr_x('Search', 'submit button'); ?>" /> 
</form> 

プレースホルダーテキストフィールドに表示されていない理由を私は知らない...入力フィールドプレースホルダが機能していません。

enter image description here

答えて

7

あなたは'='を逃しは次のようになります。

placeholder="Your name here" 
+0

これはまだ私の問題を解決していません.. –

+0

@SadiaRashid入力とそれに対するinspect要素のスクリーンショットを提供していますか? – MuthaFury

+0

が追加されました –

2

あなたは=を忘れてしまいました(等号)を入力フィールドに入力します。

<input type="search" class="search rm-input" value="<?php echo get_search_query(); ?>" name="s" id="s" placeholder="Your name here"/> 
1

=

placeholder "Your name here"でプレースホルダーテキストはそれが価値を持っているので、値が表示されますvalue属性はあなたの例をempty.Inされている場合にのみ表示されますがありません。値なし値

​​

<input type="search" class="search rm-input" value="" name="s" id="s" placeholder="Your name here"/> 

参照してください:JsFiddle

PS: をあなたがワードプレスを使用している場合は、あなたのテーマフォルダにsearchform.phpを作成し、そこにフォームを追加してください。

1

プレースホルダの色が親から継承されない可能性がありますので、黒色になり、黒色には表示されません。あなたはこのようにそれを変更することができます

input::-webkit-input-placeholder { 
    color: #ffffff; 
} 

input:-moz-placeholder { 
    color: #ffffff; 
} 

input::-ms-input-placeholder { 
    color: #ffffff; 
} 

を私はセレクタとして入力を使用し、あなたはおそらく、多分、セレクタを使用して「検索バー」のように、入力およびIDを与え、それにいくつかの優れた特異性を追加する必要がありますinput#searchBarあなたはそれはキャッシュの問題だった、今解決だこのvalue="What you want to be displayed"

0

プレースホルダ...

1

のように、あなたのケースで値を使用する必要がありますので、種類のテキストではありません入力のために動作しません

関連する問題