Textarea tag in HTML

24-07-2022
Trung Minh
0 Comments

In this article we will learn the textarea tag in HTML, this is a tag used to get data from user input in multiline format.

Textarea is quite familiar to those of you doing frontend, it is used quite a lot in data entry forms. Although you can use the input tag instead, there are some situations where textarea is required.

1. Textarea in HTML

The textarea tag creates an input area consisting of multiple lines.

The data area will have an unlimited number of characters. The characters will be represented by a certain font ( usually Courier ).

The size of the input area can be determined by the cols and rows property, or even the height and width properties from CSS.

 <textarea></textarea>

2. How to use the textarea tag.

Example: Use textarea to create content for articles.

 <textarea> PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. </textarea>

The content in the textarea tag pair is unlimited, so the textarea tag is used in cases where you want to enter a lot of data.

3. Attributes of the textarea . tag

Here are some properties you need to pay attention to:

autofocus – This textarea will automatically gain focus when the page loads.
cols – specifies the length of the display area.
rows – the number of rows of the data range.
maxlength – the maximum number of characters in the textarea.

For example , use rows and cols to specify the size of the text area.

 <textarea rows="4" cols="50"> PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML. </textarea>

If the text length is too large, it will still enter the line even if there are enough rows.

Browser support :