{"id":11593,"date":"2016-03-22T16:15:22","date_gmt":"2016-03-22T14:15:22","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=11593"},"modified":"2017-12-21T15:26:47","modified_gmt":"2017-12-21T13:26:47","slug":"jquery-textarea-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/","title":{"rendered":"jQuery Textarea Example"},"content":{"rendered":"<p>The aim of this example is to show you how to use the Textarea with jQuery. <\/p>\n<p>The Textarea tag defines a multi-line text input control.<\/p>\n<p>A text area can hold an unlimited number of characters, the size of a text area can be specified by the cols and rows attributes, or even better; through CSS&#8217; height and width properties.<\/p>\n<p>jQuery provides many simple methods for accessing the text area element and change it&#8217;s value or it&#8217;s attributes.<\/p>\n<p>Let\u2019s look at some examples. To download the jQuery library, click <a href=\"https:\/\/jquery.com\/download\/\" target=\"_blank\">here<\/a>.<br \/>\n&nbsp;<br \/>\n[ulp id=&#8217;qGGDqWnle19VavkM&#8217;]<\/p>\n<h2>1. HTML<\/h2>\n<p>First of all you need to create two simple html documents.<\/p>\n<p><span style=\"text-decoration: underline\"><em>jQueryTextAreaExample.html<\/em><\/span><\/p>\n<pre class=\"brush:xml; highlight:[4,8]\">\r\n&lt;html&gt;\r\n\t&lt;head&gt;\r\n\t\t&lt;title&gt;jQuery TextArea Example&lt;\/title&gt;\r\n\t\t&lt;script src=\"jquery-2.1.4.min.js\"&gt;&lt;\/script&gt;\r\n\t&lt;\/head&gt;\r\n\t&lt;body&gt;\r\n\t\t&lt;h1&gt;jQuery TextArea Example&lt;\/h1&gt;\r\n\t\t&lt;textarea id=\"inputtext\" cols=\"50\" rows=\"10\" &gt;Text Area&lt;\/textarea&gt;\r\n\t&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<h2>2. jQuery TextArea Examples<\/h2>\n<h3>2.1 Geting\/Setting Textarea value<\/h3>\n<p>Let\u2019s add the following simple html code to the page.<\/p>\n<pre class=\"brush:xml;\">\r\n    &lt;div&gt;\r\n\t&lt;a href=\"javascript:return 0\" onclick=\"showTextareaValue()\"&gt;Show Textarea Value&lt;\/a&gt;&nbsp;&nbsp;\r\n\t&lt;a href=\"javascript:return 0\" onclick=\"changeTextareaValue()\"&gt;Change Textarea Value&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n<\/pre>\n<p>As you can notice, in the following example the value of the Textarea can be getted by using jQuery <code>.val()<\/code> method easily. The same jQuery method ,<code>.val()<\/code>, can be used for setting a new value to the textarea element. Getting content of the text area will help us to deal with it as controlling it&#8217;s length,Sending it to the server,..etc. <\/p>\n<pre class=\"brush:js; highlight:[3,9]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\tfunction showTextareaValue(){\r\n\t\tvar value = jQuery(\"#inputtext\").val();\r\n\t\talert(value);\r\n\t}\r\n\t\r\n\tfunction changeTextareaValue(){\r\n\t\tvar newValue = \"New Value Of Text Area\";\r\n\t\tjQuery(\"#inputtext\").val(newValue);\r\n\t}\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The result in the browser would be:<br \/>\n<figure id=\"attachment_11603\" aria-describedby=\"caption-attachment-11603\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample.gif\" rel=\"attachment wp-att-11603\"><img decoding=\"async\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample.gif\" alt=\"Geting\/Setting Textarea value\" width=\"800\" height=\"300\" class=\"size-full wp-image-11603\" \/><\/a><figcaption id=\"caption-attachment-11603\" class=\"wp-caption-text\">Geting\/Setting Textarea value<\/figcaption><\/figure><\/p>\n<h3>2.2 Handling Textarea Events<\/h3>\n<p>The Following code demonstrates how we can handle the text area events by binding a method for each event (onBlur, onChange, onFocus, onSelect). The jQuery <code>.on()<\/code> method is used for this purpose. In the line 5, we bind the keyup event to an anonymous function for changing the textarea content and limit it to 15 characters only.<\/p>\n<pre class=\"brush:js; highlight:[2,6]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\tjQuery(\"#inputtext\").on(\"blur\",function (){\r\n\t\tvar value = jQuery(\"#inputtext\").val();\r\n\t\talert(\"New Value is :\" + value);\r\n\t});\r\n\tjQuery(\"#inputtext\").on(\"keyup\",function (){\r\n\t\tvar value = jQuery(\"#inputtext\").val().toUpperCase();\r\n\t\tif(value.length&gt;=15){\r\n\t\t\tvalue = value.substr(0, 15);\r\n\t\t}\r\n\t\tjQuery(\"#inputtext\").val(value);\r\n\t});\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The result in the browser would be:<br \/>\n<figure id=\"attachment_11608\" aria-describedby=\"caption-attachment-11608\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample2.gif\" rel=\"attachment wp-att-11608\"><img decoding=\"async\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample2.gif\" alt=\"Handling Textarea Events\" width=\"800\" height=\"300\" class=\"size-full wp-image-11608\" \/><\/a><figcaption id=\"caption-attachment-11608\" class=\"wp-caption-text\">Handling Textarea Events<\/figcaption><\/figure><\/p>\n<h3>2.3 Change Textarea Style<\/h3>\n<p>Let\u2019s add the following simple html code to the page.<\/p>\n<pre class=\"brush:xml;\">\r\n    &lt;div&gt;\r\n\t&lt;a href=\"javascript:return 0\" onclick=\"changeTextAreaCSS()\"&gt;Change TextArea CSS&lt;\/a&gt;\r\n    &lt;\/div&gt;\r\n<\/pre>\n<p>Changing Textarea style is simple too where jQuery provides <code>.css()<\/code> method for changing any css attribute. The jQuery <code>.css()<\/code> method takes two arguments, the first one is the style attribute name and the second is it&#8217;s value. The following code is using jQuery provides <code>.css()<\/code> method to change the text area style.<\/p>\n<pre class=\"brush:js; highlight:[3,4,5,6]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\tfunction changeTextAreaCSS(){\r\n\t\tjQuery(\"#inputtext\").css(\"color\",\"#fff\");\r\n\t\tjQuery(\"#inputtext\").css(\"background-color\",\"#8FA1FD\");\r\n\t\tjQuery(\"#inputtext\").css(\"border\",\"2px dotted #000\");\r\n\t\tjQuery(\"#inputtext\").css(\"padding\",\"2px\");\r\n\t}\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The result in the browser would be:<br \/>\n<figure id=\"attachment_11608\" aria-describedby=\"caption-attachment-11608\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample3.gif\" rel=\"attachment wp-att-11615\"><img decoding=\"async\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample3.gif\" alt=\"jQueryTextAreaExample3\" width=\"800\" height=\"316\" class=\"aligncenter size-full wp-image-11615\" \/><\/a><figcaption id=\"caption-attachment-11608\" class=\"wp-caption-text\">Change Textarea Style<\/figcaption><\/figure><\/p>\n<h3>2.4 Textarea blur(),focus(),select() methods<\/h3>\n<p>The text area has three main methods. These method can be called by jQuery as in the following example. <\/p>\n<ol>\n<li><strong>blur()<\/strong> &#8211; Takes the focus away from the textarea object.<\/li>\n<li><strong>focus()<\/strong> &#8211; Gives the focus to the textarea object.<\/li>\n<li><strong>select()<\/strong> &#8211; Selects the contents of the textarea.<\/li>\n<\/ol>\n<p>Let\u2019s add the following simple html code to the page.<\/p>\n<pre class=\"brush:xml;\">\r\n   &lt;div&gt;\r\n\t&lt;a href=\"javascript:return 0\"  id=\"blurB\"&gt;blur()&lt;\/a&gt;&nbsp;\r\n\t&lt;a href=\"javascript:return 0\"  id=\"focusB\"&gt;focus()&lt;\/a&gt;&nbsp;\r\n\t&lt;a href=\"javascript:return 0\"  id=\"selectB\"&gt;select()&lt;\/a&gt;&nbsp;\r\n   &lt;\/div&gt;\r\n<\/pre>\n<pre class=\"brush:js; highlight:[4,8,12]\">\r\n&lt;script type=\"text\/javascript\"&gt;\r\n\t$('#blurB').on('click', function(e) {\r\n\t\te.preventDefault();\r\n\t\t$('#inputtext').blur();\r\n\t});\r\n\t$('#focusB').on('click', function(e) {\r\n\t\te.preventDefault();\r\n\t\t$('#inputtext').focus();\r\n\t});\r\n\t$('#selectB').on('click', function(e) {\r\n\t\te.preventDefault();\r\n\t\t$('#inputtext').select();\r\n\t});\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The result in the browser would be:<br \/>\n<figure id=\"attachment_11627\" aria-describedby=\"caption-attachment-11627\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample4.gif\" rel=\"attachment wp-att-11627\"><img decoding=\"async\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jQueryTextAreaExample4.gif\" alt=\"Textarea blur(), focus(), select() methods\" width=\"800\" height=\"300\" class=\"size-full wp-image-11627\" \/><\/a><figcaption id=\"caption-attachment-11627\" class=\"wp-caption-text\">Textarea blur(), focus(), select() methods<\/figcaption><\/figure><\/p>\n<h2>3.Conclusion<\/h2>\n<p>The Textarea tag defines a multi-line text input control. jQuery provides many simple methods for accessing the text area element and change it&#8217;s value or it&#8217;s attributes. The jQuery <code>.val()<\/code> method is used for setting\/getting the text area value. The jQuery <code>.on()<\/code>,<code>.css()<\/code> methods are used for handling text area events and changing it&#8217;s style respectively. <\/p>\n<h2>4. Download the Source Code<\/h2>\n<p>This was an example about using Textarea html element with jQuery.<\/p>\n<div class=\"download\"><strong>Download<\/strong><br \/>\nYou can download the full source code of this example here: <a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/03\/jquery-textarea-example.zip\"><strong>jQuery Textarea Example<\/strong><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The aim of this example is to show you how to use the Textarea with jQuery. The Textarea tag defines a multi-line text input control. A text area can hold an unlimited number of characters, the size of a text area can be specified by the cols and rows attributes, or even better; through CSS&#8217; &hellip;<\/p>\n","protected":false},"author":106,"featured_media":919,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-11593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jquery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>jQuery Textarea Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"The aim of this example is to show you how to use the Textarea with jQuery. The Textarea tag defines a multi-line text input control. A text area can hold\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Textarea Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"The aim of this example is to show you how to use the Textarea with jQuery. The Textarea tag defines a multi-line text input control. A text area can hold\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-22T14:15:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-21T13:26:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Saeb Najim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Saeb Najim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/\"},\"author\":{\"name\":\"Saeb Najim\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/7554117e1066be33eda4c81bac192cc9\"},\"headline\":\"jQuery Textarea Example\",\"datePublished\":\"2016-03-22T14:15:22+00:00\",\"dateModified\":\"2017-12-21T13:26:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/\"},\"wordCount\":535,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"articleSection\":[\"jQuery\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/\",\"name\":\"jQuery Textarea Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"datePublished\":\"2016-03-22T14:15:22+00:00\",\"dateModified\":\"2017-12-21T13:26:47+00:00\",\"description\":\"The aim of this example is to show you how to use the Textarea with jQuery. The Textarea tag defines a multi-line text input control. A text area can hold\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"jQuery\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/jquery\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"jQuery Textarea Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/7554117e1066be33eda4c81bac192cc9\",\"name\":\"Saeb Najim\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g\",\"caption\":\"Saeb Najim\"},\"description\":\"Saeb has graduated from the University of Technology. During the last ten years (since 2005) he has been involved with a large number of projects about programming, software engineering, design and analysis . He works as a senior Software Engineer in the e-commerce and web development sector where he is mainly responsible for projects based on Java, Java frameworks, design patterns and Big Data technologies.\",\"sameAs\":[\"http:\/\/www.webcodegeeks.com\/\",\"https:\/\/www.linkedin.com\/in\/saebnajim\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/saeb-najim\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Textarea Example - Web Code Geeks - 2026","description":"The aim of this example is to show you how to use the Textarea with jQuery. The Textarea tag defines a multi-line text input control. A text area can hold","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Textarea Example - Web Code Geeks - 2026","og_description":"The aim of this example is to show you how to use the Textarea with jQuery. The Textarea tag defines a multi-line text input control. A text area can hold","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2016-03-22T14:15:22+00:00","article_modified_time":"2017-12-21T13:26:47+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","type":"image\/jpeg"}],"author":"Saeb Najim","twitter_card":"summary_large_image","twitter_creator":"@webcodegeeks","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Saeb Najim","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/"},"author":{"name":"Saeb Najim","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/7554117e1066be33eda4c81bac192cc9"},"headline":"jQuery Textarea Example","datePublished":"2016-03-22T14:15:22+00:00","dateModified":"2017-12-21T13:26:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/"},"wordCount":535,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","articleSection":["jQuery"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/","name":"jQuery Textarea Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","datePublished":"2016-03-22T14:15:22+00:00","dateModified":"2017-12-21T13:26:47+00:00","description":"The aim of this example is to show you how to use the Textarea with jQuery. The Textarea tag defines a multi-line text input control. A text area can hold","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/jquery-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/jquery\/jquery-textarea-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"jQuery","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/jquery\/"},{"@type":"ListItem","position":4,"name":"jQuery Textarea Example"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/7554117e1066be33eda4c81bac192cc9","name":"Saeb Najim","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1a6884eb32867720ef22a2a7728235120963a9a750d54d0356d5e3619ad3cd06?s=96&d=mm&r=g","caption":"Saeb Najim"},"description":"Saeb has graduated from the University of Technology. During the last ten years (since 2005) he has been involved with a large number of projects about programming, software engineering, design and analysis . He works as a senior Software Engineer in the e-commerce and web development sector where he is mainly responsible for projects based on Java, Java frameworks, design patterns and Big Data technologies.","sameAs":["http:\/\/www.webcodegeeks.com\/","https:\/\/www.linkedin.com\/in\/saebnajim"],"url":"https:\/\/www.webcodegeeks.com\/author\/saeb-najim\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/11593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=11593"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/11593\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/919"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=11593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=11593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=11593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}