A collection of minimal, design, wp, for interesting and curiosity, important and worthless - in short, things that I like and want to find ...
16
Mrz

Suchformular mit Innentext

Schon einige male wurde ich per E-Mail angesprochen, wie ich das mit dem Innentext im Suchfeld (Dackworld durchsuchen…) hinbekommen habe.

Nun, nichts einfacher als das. Die ursprüngliche functions.php sah so aus.


<form role="search" method="get" id="searchform" action="http://example.com/">
    <div>
        <label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="Suche" />
    </div>
</form>

Dieser wurde durch folgenden Code erneuert.


function fb_get_search_form() {
    do_action( 'get_search_form' );

    $form = '<form method="get" id="searchform" action="' . get_option('home') . '/" >
    <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
    <input type="text" value="' . esc_attr(apply_filters('the_search_query', get_search_query())) . '" name="s" id="s" onfocus="clearSearch();" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
    </div>
    </form>';

    echo apply_filters('get_search_form', $form);
}

Das war es auch schon. Sobald man diesen Code ersetzt hat und nach der Cookies-löschung des Browsers wird der jeweilige von Euch selbst erstellte Text angezeigt. Sobald man drauf klickt verschwindet dieser, und man kann sein Suchwort ins Feld eingeben.



Tags:Code, HTML, php, Tutorial, WordPress


0 Kommentare

Jetzt Kommentieren!

Beachte:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht. Werbung jeglicher Art wird automatisch als SPAM markiert und unwiderruflich gelöscht. Linktipps werden gerne über das Kontaktformular entgegengenommen.