Teoría
Teoría

Un campo de texto de varias líneas

Ya aprendimos a crear formularios sencillos con campos de texto y botones. Ahora vamos a conocer elementos más complejos.

Un campo de texto de varias líneas se crea con la etiqueta de apertura y cierre <textarea>. Tiene los atributos name e id, que funcionan igual que en un campo de texto.

El atributo rows recibe un número entero y define la altura del campo en líneas. El atributo cols define su ancho en caracteres, usando un ancho de carácter «promedio».

El campo de varias líneas no tiene un atributo value. Su valor predeterminado se establece de otra manera: es el texto que se escribe entre las etiquetas de apertura y cierre de <textarea>. Así:

<textarea>Valor predeterminado</textarea>

index.html
style.css

HTML

<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <title>Un campo de texto de varias líneas</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Comentarios</h1> <form action="https://echo.htmlacademy.ru/courses" method="post"> <p>Lista de comentarios</p> <p>Escribe tu comentario:</p>  <input type="submit" value="Enviar"> </form> </body> </html>

CSS

input[type="submit"] { display: block; margin-top: 10px; }

ObjetivosRealizado

Agrega al formulario un campo de texto de varias líneas con el nombre comment y el identificador comment-field.
Asígnale una altura de 10 líneas.
Establece su valor inicial en Texto del comentario.