4

Tengo un div que hace de textarea y necesito un placeholder... Esto no me funciona:

<div placeholder="El texto va aquí"></div>
3
  • ¿Por qué usar un div como textarea si existen los textareas para dicho propósito? ;)
    – kerunaru
    el 28 mar. 2017 a las 14:44
  • 1
    @kerunaru tiene otra pregunta al respecto. mira su perfil heheh
    – lois6b
    el 28 mar. 2017 a las 14:45
  • @kerunaru para guardar los <br> y <b></b>
    – Lukas
    el 28 mar. 2017 a las 14:49

1 respuesta 1

5

Encontré esta respuesta de SOeng pero que no se "ve" muy bien el div y le añadí un border:

En el css pone content:attr(placeholder) pero si tu atributo lo quieres llamar textoDentro="Texto aqui" en el css has de poner content:attr(textoDentro)

[contentEditable=true]:empty:not(:focus):before{
    content:attr(placeholder)
}

div {
  width: 300px;
  height: 100px;
  border: 1px solid #ccc;
  padding: 5px;
  overflow: auto;
}
<div contentEditable=true placeholder="Tu texto aqui"></div>

6
  • Esto lo tengo que añadir al <style> </style> o donde?
    – Lukas
    el 28 mar. 2017 a las 14:47
  • 1
    @lukas Si, es CSS ^^ (si editas mi respuesta puedes entrar en el snippet y ver cada apartado HTML, CSS, JS)
    – lois6b
    el 28 mar. 2017 a las 14:48
  • Me funciona tu ejemplo, pero no en mi codigo, pero doy respuesta por valida porque eso funciona. Gracias !
    – Lukas
    el 28 mar. 2017 a las 14:56
  • Oh, pero tenemos que solucionarlo. por que no te funciona? sale algo? algun mensaje de error?
    – lois6b
    el 28 mar. 2017 a las 14:56
  • 1
    He encontrado la solución: Yo tenía un espacio entre los DIVs de este modo <div ...> </div>, solucion: borrar espacio <div ...></div> :) gracias !
    – Lukas
    el 28 mar. 2017 a las 14:59

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.