Textarea in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to create a textarea with 4 rows.

HTML

<textarea rows="[1]"></textarea>

Drag options to blanks, or click blank then click option'

A4

B2

C6

D8

Attempts:

3 left

💡 Hint

Common Mistakes

Using cols instead of rows to set height.

Leaving out the rows attribute and expecting default size.

The rows attribute sets the visible number of lines in a textarea. Here, 4 rows means the textarea shows 4 lines tall.

2fill in blank

medium

Complete the code to add a placeholder text inside the textarea.

HTML

<textarea placeholder="[1]"></textarea>

Drag options to blanks, or click blank then click option'

AEnter your name

BInput text

CWrite message

DType here...

Attempts:

3 left

💡 Hint

Common Mistakes

Using placeholder text without quotes.

Confusing placeholder with value attribute.

The placeholder attribute shows a hint inside the textarea before the user types. "Type here..." is a common placeholder.

3fill in blank

hard

Fix the error in the textarea tag to make it valid HTML.

HTML

<textarea [1]></textarea>

Drag options to blanks, or click blank then click option'

Arows="5" cols="30"

Brows=5 cols=30

Crows='5' cols='30'

Drows=5, cols=30

Attempts:

3 left

💡 Hint

Common Mistakes

Leaving out quotes around attribute values.

Using commas between attributes.

HTML attributes must have values in quotes. Using double quotes around numbers is correct.

4fill in blank

hard

Fill both blanks to create a textarea with 10 columns and 3 rows.

HTML

<textarea cols="[1]" rows="[2]"></textarea>

Drag options to blanks, or click blank then click option'

A10

B5

C3

D8

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping the values for cols and rows.

Using invalid numbers like 0 or negative values.

The cols attribute sets the width in characters, and rows sets the height in lines. Here, 10 columns wide and 3 rows tall.

5fill in blank

hard

Fill all three blanks to create a textarea with a placeholder, 20 columns, and 5 rows.

HTML

<textarea placeholder="[1]" cols="[2]" rows="[3]"></textarea>

Drag options to blanks, or click blank then click option'

AEnter your comment

B20

C5

DWrite here

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up cols and rows values.

Forgetting quotes around attribute values.

The placeholder shows a hint inside the textarea. The cols and rows set the size. Here, placeholder is "Write here", width 20 columns, height 5 rows.