¿Cols y rows obligatorios en para los textarea?

junihh · #1 (**permalink**) 25/06/2011, 13:48

Hola señores

Estoy tratando de ser muy metódico en algunos puntos para mejorar mi semántica al escribir XHTML. Trabajando con Coda-Mac, la validación del código me marcó como error el no haber puesto "rows" y "cols" a un "textarea".

Lo que sería rows y cols lo manejo en CSS aplicando "width" y "height", entonces, ¿es obligatorio usarlos?

maycolalvarez · #2 (**permalink**) 25/06/2011, 15:44

no, no es lo mismo, porque en CSS se maneja el ancho y alto del objeto, más no determina las columnas y filas internas del textarea y es requisito de ese objeto que hará una conversión interna según a fuente para determinar el ancho y alto.

junihh · #3 (**permalink**) 25/06/2011, 16:22

maycolalvarez: Entiendo tu punto, luego de lo que mencionas me toca el caso de controlar el scroll con javascript. Gracias por tu respuesta, fué de mucha ayuda.

emprear · #4 (**permalink**) 26/06/2011, 20:13

junihh:

Si es cierto, los atributos rows y cols deben estar explicitos, sin embargo si redefinis el ancho y alto del objeto con css, el contenido del textarea va a ser procesado correctamente. En cuanto al scroll, varía segun los navegadores, FF 5 no te lo genera (siempre refiriendonos a mi ejemplo), IE, sí, por lo que lo podes eleminar con overflow: hidden; observa el valor cols="1" rows="1"

textarea-cols-rows.php

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Textarea
</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
textarea#areatexto {
width: 200px; 
height: 200px;
overflow: hidden; 
}
/*]]>*/
</style>
</head>
<body>
<div>
<form action="textarea-cols-rows.php" method="post">
<div>
<textarea cols="1" rows="1" name="texto" id="areatexto">
linea uno
linea dos
linea tres
linea cuatro
linea cinco
linea seis
linea siete
linea ocho
linea nueve
linea diez
</textarea>
</div>
<p>
<input type="submit" name="procesar" value="probar" />
</p>
</form>
</div>
</body>
</html>

Demo
http://foros.emprear.com/html/textarea-cols-rows.php

Saludos

junihh · #5 (**permalink**) 26/06/2011, 20:20

Muy buen tip emprear. Gracias por tu respuesta.