Crea testo segnaposto per la casella di ricerca WordPress

Question

Crea testo segnaposto per la casella di ricerca WordPress

7 giu 2013, 14:55:08

Visualizzazioni: 16K

Voti: 1

Ho bisogno di creare una casella di ricerca nel mio file searchform.php che abbia un comportamento simile alla funzionalità predefinita di HTML5 con l'attributo "placeholder".

Questo è quello che ho al momento nel mio searchform.php:

 <input type="submit" id="searchsubmit" value="text" />
 <input placeholder="<?php _e( 'Cerca qui..' ); ?>">

Il testo 'Cerca qui..' appare nell'input e scompare quando inizio a digitare. Ho bisogno che scompaia quando clicco sull'input.

Grazie

Flavius Frantz

129

php

Tutte le risposte alla domanda

Commenti

Oggigiorno e con i browser moderni, questo può essere fatto in CSS puro, senza JS: input:focus::placeholder { visibility: hidden; } vedi pen

kubi

14 giu 2019 11:19:15

Prova questo, inseriscilo nel file functions del tuo tema:

function html5_search_form( $form ) { 
     $form = '<section class="search"><form role="search" method="get" id="search-form" action="' . home_url( '/' ) . '" >
    <label class="screen-reader-text" for="s">' . __('',  'dominio') . '</label>
     <input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Cerca nel sito" />
     <input type="submit" id="searchsubmit" value="'. esc_attr__('Vai', 'dominio') .'" />
     </form></section>';
     return $form;
}

 add_filter( 'get_search_form', 'html5_search_form' );

Assicurati solo di cambiare "dominio" con il tuo dominio di lingua.

Faolan

21

7 giu 2013 20:19:22

RRikesh 5.66K · Accepted Answer · 2013-06-07T15:17:02Z

Il segnaposto da solo non scomparirà quando clicchi sul campo di testo. Probabilmente ti servirà un po' di Javascript per ottenere questo risultato.

<input type="text" onfocus="if(this.value=='<?php _e( 'Cerca qui..' ); ?>'){this.value='';}" onblur="if(this.value==''){this.value='<?php _e( 'Cerca qui..' ); ?>';}" value="<?php _e( 'Cerca qui..' ); ?>">

RRikesh

5.66K

7 giu 2013 15:17:02