Computer >> Computer tutorials >  >> Programming >> HTML

How do we display a text area in HTML?


Use the <textarea> tag to show a text area. The HTML <textarea> tag is used within a form to declare a textarea element - a control that allows the user to input text over multiple rows.

The following are the attributes −

Attribute
Value
Description
autofocus How do we display a text area in HTML?
Autofocus
Specifies that on page load the text area should automatically get focus.
cols
Number
Specifies the width of the textarea based on the number of visible character widths.
disabled
Disabled
Specifies the width of the textarea based on the number of visible character widths.
form  How do we display a text area in HTML?
form_id
Specifies one or more forms.
maxlength How do we display a text area in HTML?
Number
Specifies the maximum number of characters in textarea.
name
Text
Assigns a name to the input control.
placeholder How do we display a text area in HTML?
Text
Specifies a short hint of the value in textarea.
readonly
Readonly
Sets the input control to read-only. It won't allow the user to change the value. The control, however, can receive focus and are included when tabbing through the form controls.
required  How do we display a text area in HTML?
Required
Specifies that a textarea is required.
rows
Number
Specifies the height of the textarea based on the number of visible lines of text. If there's more text than this allows, users can scroll using the textarea's scrollbars.
wrap How do we display a text area in HTML?
hard
soft
Specifies the text to be wrapped in textarea.

Example

You can try to run the following code to display a text area in HTML −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML textarea Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         Enter subjects
         <br />

         <textarea rows = "5" cols = "50" name = "description">
         </textarea>

         <input type = "submit" value = "submit" />
      </form>
   </body>
</html>