utiliza - Compatibilidad con navegadores de marcadores HTML

uso de html

Question

¿Qué navegadores admiten la etiqueta html placeholder para entradas de texto? ¿Internet Explorer lo admite? (Tengo un marcador de posición de JavaScript que puedo usar para los navegadores que no lo admiten).

<input type=TEXT placeholder="placeholder here" />

Answer 1

Actualmente es compatible con todos los navegadores principales, excepto IE 9 y anteriores, y Opera mini.

Para actualizaciones, mire las w3schools-specs O incluso mejor, vea esta overview .

Answer 2

De acuerdo con this , IE 10 lo admite. (Puedes probarlo aquí )

Arreglo el problema de esta manera, probablemente la más fácil:

<!--[if lt IE 10]>email:<![endif]-->
<input placeholder=''email'' type=''text'' name=''email''>

Answer 3

En caso de que alguien esté buscando una solución de marcador de posición HTML5 para navegadores no compatibles, aquí hay un buen artículo al respecto:

http://www.viget.com/inspire/a-better-jquery-in-field-label-plugin/

Answer 4

Firefox también lo admite desde 4.0

Answer 5

IE no es compatible con marcadores de posición

Siento este código mejor y funciona en todos los principales navegadores

<input id="example-email" type="text" value="Email Address" onfocus="if(this.value === ''Email Address'') this.value = '''';" onblur="if(this.value === '''') this.value = ''Email Address'';" name="example-email">

Answer 6

La pregunta pudo haber sido respondida hace algunos años, pero hoy la encontré haciendo una búsqueda.

Dado que una buena referencia y fotos no se proporcionaron antes, estoy actualizando esta pregunta con ambas.

El marcador de posición HTML5 Attribute básicamente dice:

El atributo marcador de posición es compatible con todos los navegadores principales, excepto Internet Explorer.

FYI: Esto incluye IE9.

Answer 7

Para aquellos que quieren la solución más simple, ¡use las funciones integradas!

<input type="text" name="email" value="Email Address" placeholder="Email Address" onfocus="if(this.value==this.placeholder) this.value=''''" onblur="if(this.value=='''') this.value=this.placeholder">

Probado en Chrome e IE8 :)

Nota: Utilizo esto con más javascript para validar la entrada y dar retroalimentación dentro del campo mismo al cambiar el valor y el marcador de posición en el tiempo de ejecución.

Answer 8

Para cualquier persona interesada, este es el jQuery Fallback que uso
Lo uso con jQuery Validation Engine.
Reemplaza FORMCLASS con la clase de tu formulario.

<!-- IF IE - use Placeholder Fallback -->
<!--[if lt IE 10 ]>
<script>
$(".FORMCLASS").find(''[placeholder]'').each(function(){
$(this).val($(this).attr(''placeholder''));
$(this).focus(function() {
if ($(this).attr(''placeholder'')==$(this).val()) {
$(this).val('''');
}
});
});
</script>
<![endif]-->

Answer 9

Sé que es una vieja pregunta. Mi sugerencia es usar Modernizr para detectar soporte de marcador de posición. https://modernizr.com/

Answer 10

Los marcadores de posición son totalmente compatibles con:

• FF 4+
• Chrome 4+
• Safari 5+
• Opera 11.6+
• IE 10+

Fuente: overview