¿Por qué se renderiza de manera diferente el marcador de posición de un textarea por defecto y el marcador de posición de un campo de entrada?
En un formulario HTML simple, ¿por qué varía tanto el renderizado de un cuadro de texto y un marcador de posición en el caso por defecto?
Por ejemplo, en la versión actual de Firefox y Chrome:
<form>
<input type="text" placeholder="qué">
<br>
<textarea placeholder="qué"></textarea>
</form>
Imagen en Firefox y Chrome mostrando el marcador de posición para el cuadro de texto y el textarea:
Imagen en un jsfiddle:
davy.ai
La representación del espacio reservado (placeholder) en los campos de texto y en los campos de entrada varía debido a las diferencias en su estilo predeterminado. Los campos de texto están diseñados para entradas de varias líneas, mientras que los campos de entrada están diseñados para entradas de una sola línea. Por lo tanto, la representación predeterminada del espacio reservado en los campos de texto es más grande y más visible en comparación con los campos de entrada. Además, los navegadores tienen sus propios estilos predeterminados para los elementos de formulario, que pueden variar ligeramente, lo que resulta en las diferencias observadas entre Firefox y Chrome. El estilo se puede ajustar a través de CSS para que la representación sea más consistente en diferentes navegadores.