html tutorial - <textarea> - Textarea tag in HTML - html5 - html code - html form




textarea tag in html

Learn html - html tutorial - textarea tag in html - html examples - html programs

  • <textarea> element is defined as a multi-line text input control of the HTML document.
  • <textarea> tag holds the number of characters and text with fixed width font.
  • It supports Global and event attributes.
  • <textarea> tag belongs to Flow Content, Interactive content, listed,labelable, resettable, and submittable form-associated element.

Syntax for <textarea> tag:

<textarea>Content here...</textarea>

Differences between HTML 4.01 and HTML 5 for <textarea> tag:

HTML 4.0.1

  • It supports all attributes

HTML 5

  • The new attributes are added in HTMl5.

Sample Coding for <textarea> tag:

Tryit<!DOCTYPE html>
  <html >
      <head>
          <title>Wikitechy textarea tag</title>
      </head>
          <body>
              <h3>Wikitechy A Learning tutorial Website</h3>
              <textarea rows="8" cols="60">
                  Wikitechy is a learning website 
                  Particularly created for students.
                  It is free learning portal. 
                  The wikitechy Website has 
                  recent technologies tutorials 
                  Like Angular js, ajax, github etc...
              </textarea>
          </body>
  </html>

Code Explanation for <textarea> tag:

<textarea> Tag Code Explanation

  1. <textarea> tag used to get multi-line text as a input.
  2. “Wikitechy…” that the contents given within the <textarea> tag.

Output for <textarea> tag:

<textarea> Tag Output

  1. The term “Wikitechy is a…..”displayed with the multi-line text control with fixed font size.

Attributes for <textarea> tag:

Attribute Value HTML 4 HTML 5 Description
Autofocus autofocus Yes Yes A text area should automatically get focus when the page loads.
Cols number Yes No Visible width of a text area.
Dirname textareaname.dir Yes Yes The text direction of the textarea will be submitted.
Disabled disabled Yes No A text area should be disabled.
Form form_id Yes Yes One or more forms the text area belongs to.
Maxlength number Yes Yes Maximum number of characters allowed in the text area.
Name text Yes No A name for a text area.
Placeholder text Yes Yes A short hint that describes the expected value of a text area.
Readonly readonly Yes No A text area should be read-only.
Required required Yes Yes A text area is required/must be filled out.
Rows number Yes No The visible number of lines in a text area.
wrap hard
soft
Yes Yes How the text in a text area is to be wrapped when submitted in a form.

Browser Support for <textarea> tag in HTML:

Yes Yes Yes Yes Yes

Related Searches to input type textarea tag in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×