15 - form : control textarea

Ya se encuentra disponible el nuevo tutorial para aprender Bootstrap 4 que es la última versión estable y recomendada.


El control textarea es utilizado cuando tenemos que introducir varias líneas de texto y cuando utilizamos Bootstrap tenemos que encerrarlo en un div con la clase "form-group".

Podemos inicializar la propiedad rows del control HTML textarea indicando cuantas filas deben ser visibles.

Veamos un ejemplo utilizando este control HTML asociado con Bootstrap:

<!DOCTYPE html> 
<html> 
  <head> 
    <title>Prueba de Bootstrap</title> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head> 
<body> 
  <div class="container">

    <form role="form">
      <div class="form-group"> 
        <label for="comentario">Deje aquí sus comentarios</label>
        <textarea class="form-control" rows="5" id="comentarios"></textarea>
      </div> 
      <button type="submit" class="btn btn-default">Enviar</button>       
    </form>

  </div> 
</body> 
</html> 

Luego en pantalla aparece de la siguiente forma:

bootstrap textarea

No tiene efecto si inicializamos la propiedad cols en la marca textarea.

Ejecutar Ejemplo

Retornar