2012-05-14 31 views
59

Estoy usando marcadores de posición para todos mis elementos de formulario y se muestra en todos ellos, aparte del área de texto. Acabo de verlo en safari ahora y me he dado cuenta de que mi entrada de type = "number" tampoco muestra el marcador de posición.¿Por qué no aparece el marcador de posición de mi textarea?

La página es here y necesita hacer clic en el enlace 'Reservar ahora' en la parte superior de la página.

Mi html:

<form id="booking" action="single-workshops.php"> 
    <input type="text" required="required" placeholder="name"/><br /> 
    <input type="text" required="required" placeholder="your phone number"/><br /> 
    <input type="email" required="required" placeholder="email"/><br /> 
    <input type="number" required="required" placeholder="how many in your party" /><br /> 
    <textarea rows="5" cols="30" placeholder="enter optional message"> 
    </textarea><br /> 
    <input type="button" value="submit"/> 
</form> 
+0

Posible duplicado de [HTML5 área de texto de marcador de posición no aparece] (http://stackoverflow.com/questions/10186913/html5-textarea-placeholder-not-appearing) – RBT

Respuesta

165

Debido a que tiene algo como texto en el área de texto con un salto de línea en el mismo.

<textarea rows="5" cols="30" placeholder="enter optional message"> 
     </textarea><br /> 

debe ser:

<textarea rows="5" cols="30" placeholder="enter optional message"></textarea><br /> 
+0

ahh gracias, no me di cuenta de eso! – Nicola

+2

Buena captura! Nunca lo hubiera pensado, estoy realmente sorprendido de que funcione en otros navegadores, considerando que técnicamente hay contenido. Agregar un segundo salto de línea elimina el marcador de posición en Firefox. –

+0

No funciona en otros navegadores. El número uno lo hace en cromo, no en safari. Solo estoy buscando algún tipo de solución. – Nicola

Cuestiones relacionadas