Html5

Limitar tamaño de un textarea en html

Por : Jhons_1101
2016-07-11
Tags :
Si nos dedicamos al front-end, hemos topado con deliminar el tamaño de un Textarea, este a veces nos suele dañar todo el trabajo, al tener la propiedad de extenderse mediante su esquina inferior derecha, que le proporciona la facilidad de adaptarse según el usuario lo requiera.

Si lo que queremos es que permanezca en su lugar, bastará con modificar sus propiedades de css.

También podemos deshabilitar su propiedad de redimenzionarse, mediante la propiedad (resize: none;) de css. Veamos
compartir en facebook compartir en Google compartir en Twitter compartir en Blogger compartir como código embebido compartir la url
Tenemos el Textarea... Trata de redimensionarlo y veras que llega sólo hasta 100 px de alto, el ancho no se mueve.
Estas son las propiedades max-width y max-height.

PRUEBÁLO




HTML


<!-- max-width y max-height -->
<textarea placeholder="max-width y max-height...!" id="txtPrueba" readonly></textarea>

<!-- resize:none -->
<textarea placeholder="resize:none...!" id="noResize" readonly></textarea>


CSS


#txtPrueba {
  max-width: 90%;
  max-height : 200px;
}

#noResize {
  resize:none;
}





Si este contenido te fue útil, no olvides compartirlo en redes sociales, Considéralo. Puede ser la manera de agradecer!


Agrega tu comentario...

Puedes utilizar etiquetas <pre></pre>, <p></p>, <div></div>, + (Nombre usuario, para responderle a alguien)

4qbL2PY





Este post no tiene comentarios, sé el primero en hacerlo
Esta entrada no cuenta con imágenes adjuntas

Unete al grupo de whatsApp +57 316 392 6456

Sigue el grupo en facebook

Siguenos.....