HTML Textarea, Programmimg examples with output
HTML Textarea
Guys in this tutorial we will learn HTML Textarea, elements and examples with output.
HTML Textarea is a multiline field for writing long messages, comments for editing plain text. It is a form an inline element, it is commonly used for written long message like paragraph in comments from, contact form.
The HTML Textarea defines in <textarea> element.
Here the HTML Textarea Elements.
- cols: It is specifying an exact size in columns.
- rows: It is specifying an exact size in rows.
- placeholder: Placeholder specifies a text placeholder that disappears when the textarea has been focused.
Now we will be looking simple example of textarea for understanding.
Example of HTML Textarea
<!DOCTYPE html> <html lang="en"> <head> Â <meta charset="UTF-8"> Â <meta http-equiv="X-UA-Compatible" content="IE=edge"> Â <meta name="viewport" content="width=device-width, initial-scale=1.0"> Â <title>Textarea</title> </head> <body> Â <p>Simple Example of Textarea</p> Â <textarea name="" id="" cols="25" rows="3" placeholder="Type your message here...."></textarea> </body> </html> |
Output of above example of textarea
Type your message here....
|
Above the example of simple textarea, without CSS using.
Now we create a styling example of textarea using CSS styling, and getting its value different from above example.
Example of Styling Textarea in HTML
<!DOCTYPE html> <html lang="en"> <head> Â <meta charset="UTF-8"> Â <meta http-equiv="X-UA-Compatible" content="IE=edge"> Â <meta name="viewport" content="width=device-width, initial-scale=1.0"> Â <title>Textarea</title> Â <style type="text/css"> Â Â Â textarea { Â Â Â Â Â background-color:aquamarine ; Â Â Â border: 2px; Â Â Â color: blue; Â Â Â outline: none; Â } Â </style> </head> <body> Â <p> Example of Styling Textarea</p> Â <textareaname="" id="" cols="25" rows="3" placeholder="Type your message here...."></textarea> </body> </html> |
Output of above example Styling textarea in HTML
Type your message here…. |
In this tutorial we learned HTML Textareae both simple and CSS styling. In next another tutorial we will learn a new topic in HTML.
Read also-
Learn HTML Table all Elements with examples.
Html input textarea.
Html textarea placeholder.
Html textarea with formatting options.
Textarea attributes.
Html textarea events.
Hextarea css.
Hextarea height.
   Â
3 Comments
we buy cars no title · July 5, 2022 at 12:59 pm
Great blog here! Also your website loads up very fast!
What web host are you using? Can I get your affiliate link to your
host? I wish my site loaded up as fast as yours lol
ai writing software · August 4, 2022 at 10:34 pm
I’m very pleased to uncover this great site. I wanted to thank you for your time
due to this fantastic read!! I definitely really liked every little bit
of it and i also have you saved to fav to check out new information in your blog.
zoritoler imol · October 22, 2022 at 8:58 pm
What i don’t realize is if truth be told how you’re not really much more well-preferred than you may be right now. You’re so intelligent. You already know therefore considerably on the subject of this topic, produced me in my view believe it from a lot of various angles. Its like women and men don’t seem to be interested unless it?¦s something to accomplish with Lady gaga! Your personal stuffs great. At all times handle it up!