2016-06-16 11 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> 

Ich weiß nicht, warum der Platzhalter-Text nicht im Feld ...Eingabefeld Platzhalter funktioniert nicht.?

Anzeige ist

enter image description here

Antwort

7

Sie verpassten '=' werden sollten:

placeholder="Your name here" 
+0

nein es ist immer noch nicht mein Problem gelöst .. –

+0

@SadiaRashid Mind Screenshot der Eingabe und inspect-Element darauf bieten? – MuthaFury

+0

hinzugefügt screenshot können Sie überprüfen –

2

Sie = vergessen (gleich) signiere deine Eingabefelder.

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

Fehlende = in placeholder "Your name here"

Platzhaltertext wird nur angezeigt, wenn der Wert Attribut Ihr Beispiel ist es Wert hat, wird empty.In, so wird Wert dort angezeigt.

Mit Wert

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

Ohne Wert

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

Siehe: JsFiddle

PS: Wenn Sie Wordpress erstellen searchform.php in Ihrem Theme-Ordner verwenden, und füge das Formular dort hinzu.

1

Es könnte sein, dass die Platzhalterfarbe nicht von der übergeordneten geerbt wird, also könnte es schwarz und unsichtbar auf schwarz bg sein.

Sie können es wie folgt ändern:

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

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

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

I-Eingang als Selektor verwendet wird, sollten Sie wahrscheinlich eine bessere Spezifität hinzufügen, dass geben vielleicht, dass die Eingabe und ID wie „SearchBar“ dann den Selektor input#searchBar

0

Platzhalter für die Eingänge nicht funktioniert, die nicht die Typen Text, so dass Sie Wert wird in Ihrem Fall verwenden, wie diese value="What you want to be displayed"

1

es ist nun gelöst ist es ein Cache-Problem war ...

Verwandte Themen