Usar Size para el tamaño del Input

Un interesante post escrito en Bite Size Standards, comenta un detalle sobre el atributo “size” que llamó mi atención. Como saben, el atributo “size” es usado para determinar el tamaño de diferentes etiquetas html, como por ejemplo, la etiqueta <input>.

<input type="text" id="user" name="user" size="15" />

<input> es la etiqueta utilizada para la creación de formularios html. Dependiendo del tipo (“type”) asignado, podemos crear un campo de texto (type=“text”) ó un botón (type=“botton”). Por ejemplo, en nuestro buscador de la izquierda, usamos una imagen como botón (type="image").

Entonces, con el atributo “size” podemos determinar la longitud de un campo de texto en el formulario. Sin embargo, hay muchos usuarios que prefieren no usarla por la poca flexibilidad que ofrece, por ejemplo cuando se usan diferentes hojas de estilos, en los layouts el input mantendría un ancho fijo.

El tip que comentan (aún no recomendado) se refiere al uso de CSS3, para modificar la longitud del campo de texto. La pseudo clase no es soportada por IE:

input[type="text"]:not([size]) {
width: 15em;
}