Crear texto de marcador de posición para el cuadro de búsqueda de WordPress

Question

Crear texto de marcador de posición para el cuadro de búsqueda de WordPress

7 jun 2013, 14:55:08

Vistas: 16K

Votos: 1

Necesito crear un cuadro de búsqueda en mi archivo searchform.php predeterminado que tenga un comportamiento similar al atributo "placeholder" predeterminado en HTML5.

Esto es lo que tengo actualmente en mi searchform.php:

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

El texto 'Buscar aquí...' aparece en el input y desaparece cuando comienzo a escribir. Necesito que desaparezca cuando hago clic en el input.

Gracias.

Flavius Frantz

129

php

Todas las respuestas a la pregunta

Comentarios

Hoy en día y con navegadores modernos, esto se puede hacer en CSS puro, sin JS: input:focus::placeholder { visibility: hidden; } ver ejemplo

kubi

14 jun 2019 11:19:15

Prueba esto, colócalo en el archivo de funciones de tu 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">' . __('',  'domain') . '</label>
     <input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Buscar en el sitio" />
     <input type="submit" id="searchsubmit" value="'. esc_attr__('Ir', 'domain') .'" />
     </form></section>';
     return $form;
}

 add_filter( 'get_search_form', 'html5_search_form' );

Solo asegúrate de cambiar "domain" por el dominio de idioma que estés utilizando.

Faolan

21

7 jun 2013 20:19:22

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

El marcador de posición por sí solo no desaparecerá al hacer clic en el campo de texto. Supongo que necesitas un poco de Javascript para lograr eso.

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

RRikesh

5.66K

7 jun 2013 15:17:02