¿Qué complemento de jQuery debo usar para un "marcador de posición"?

En la web, la mayoría de los sitios tienen un cuadro de búsqueda. Algunos de estos cuadros de búsqueda tienen buscar... texto de marcador de posición que cuando el cursor se coloca en el cuadro de búsqueda aparece este texto. ¿Esto se hace con jQuery? Si es así, ¿cómo puedo usarlo?

preguntado el 08 de noviembre de 11 a las 10:11

3 Respuestas

Esta puede ser una función HTML5 llamada marcador de posición. No requiere JavaScript (ver prueba). Funciona así:

<input type="text" placeholder="search" name="search" />

Alternativamente, puede usar alguna extensión enumerada, por ejemplo. aquí.

respondido 08 nov., 11:14

No es necesario un complemento para hacer esto.

Debe vincular los estados .focus () y .blur () del cuadro de entrada

en el foco () borra el cuadro de texto, en el desenfoque () si no ingresa nada devuelve el valor predeterminado

Consulte esta demostración.

http://jsfiddle.net/QvPCX/

HTML

<input type="text" name="search" id="search" value="Search.." />

JS

jQuery('input[name="search"]').focus(function() {
        if (jQuery(this).val() == "Search..") {
            jQuery(this).val('');
        }
    }).blur(function() {
        if (jQuery(this).val() == "") {
            jQuery(this).val('Search..');
        }
    });

respondido 08 nov., 11:14

Hay un nuevo placeholder atributo en HTML5 que se encarga de esto de forma nativa. Si no puede usar HTML5 por cualquier motivo, hay un respaldo de jquery disponible aquí: http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

respondido 08 nov., 11:14

¿Cómo puedo utilizar HTML 5 para que la mayoría de las etiquetas funcionen en un navegador antiguo? gracias por tu comentario. - Pico

Para usar HTML5 solo necesita cambiar el tipo de documento de su página. Sin embargo, tenga en cuenta que esto puede provocar errores en los navegadores más antiguos, a menos que utilice un HTML5shiv o un derivado. Si necesita admitir navegadores antiguos, le sugiero que use el método jquery en el enlace que publiqué. - Rory McCrossan

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.