¿Cómo crear un área de texto de control de entrada multilínea en HTML5?

La etiqueta HTML <textarea> se utiliza para especificar un área de texto de control de entrada de varias líneas en HTML5. Los atributos <cols> y <rows> especifican el tamaño de un área de texto.

Sintaxis

<textarea rows="" cols=""> Contents... </textarea>

La etiqueta <textarea> contiene 5 atributos que se enumeran a continuación:

  • cols: especifica el ancho del área de texto.
  • filas: especifica la altura del área de texto.
  • nombre: Contiene el nombre para el control de entrada.
  • maxlength o minlength: Especifica el número máximo o mínimo de caracteres en el área de texto.
  • marcador de posición: especifica la pista del valor de textarea.

Ejemplo 1:

En este ejemplo, estableceremos las filas y el atributo cols para crear un área de texto de entrada de control multilínea.

HTML

<!DOCTYPE html>
<html>
 
<body>
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
    <textarea rows="10" cols="20">
        welcome to GeeksforGeeks Aman Rathod.
        A perfect Portal for Geeks
    </textarea>
</body>
 
</html>

Producción:

Ejemplo 2: En este ejemplo, estableceremos la cantidad de caracteres permitidos en el área de texto de entrada.

HTML

<!DOCTYPE html>
<html>
 
<body>
    <h1 style="color:green;">
      GeeksforGeeks
    </h1>
    <textarea minlenght="100" maxlength="300"
        placeholder="Give Feedback here">
    </textarea>
</body>
 
</html>

Producción: 

Publicación traducida automáticamente

Artículo escrito por aksrathod07 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *