Textarea: quiero que salte de línea al llegar al límite

indie81 · #1 (**permalink**) 04/04/2012, 00:13

Hola!

tengo un formulario de contacto en PHP, y el usuario escribe el mensaje en un textarea.

El problema es que, cuando llega al límite del textarea, no salta de línea automáticamente, si no que sigue en la misma línea y aparece scroll.

Como se ve aquí:

¿Cómo puedo hacer que no salga ese scroll y salte de línea automáticamente?

He probado con la propiedad CSS: word-wrap:break-word, pero no funciona.

Gracias

emprear · #2 (**permalink**) 04/04/2012, 00:50

Lo que vos querés es el comportamineto por defecto del textarea para todos los navegadores.
El efecto que mencionás se produce si le aplicas el atributo warp="off" que no es estandar. Hay varias forma s de hacerlo con css

Puede que algún reset u otro css estén afectando.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="#">
<textarea name="xxx" cols="20" rows="10" wrap="off">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</textarea>
</form>
 
<form action="#">
<textarea name="xxx" cols="20" rows="10">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</textarea>
</form>
</body>
</html>

Saludos

indie81 · #3 (**permalink**) 04/04/2012, 00:57

Efectivamente. Tenía en el CSS una línea que era la que causaba el problema. La he quitado.

Era:

Cita:

white-space: nowrap;

Gracias emprear.