{"id":13824,"date":"2020-03-27T21:57:06","date_gmt":"2020-03-28T04:57:06","guid":{"rendered":"https:\/\/careerkarma.com\/blog\/?p=13824"},"modified":"2023-12-01T02:35:32","modified_gmt":"2023-12-01T10:35:32","slug":"html-textarea","status":"publish","type":"post","link":"https:\/\/careerkarma.com\/blog\/html-textarea\/","title":{"rendered":"HTML Textarea: Step-by-Step Guide"},"content":{"rendered":"\n<p><em>The HTML textarea tag is used to make a text input field with multiple lines in a form. It is defined with the <code>&lt;textarea&gt;<\/code> tag and can hold an unlimited number of characters.<\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>When you\u2019re creating a form in HTML, you may decide that you want to accept a long string of text. For instance, if you are building a customer contact form for a retailer\u2019s website, you may want to create a form element that accepts a detailed description of a problem the customer is facing.<\/p>\n\n\n\n<p>That\u2019s where the HTML <code>&lt;textarea&gt;<\/code> tag comes in. The <code>&lt;textarea&gt;<\/code> element is used to create a form element that provides multiline text editing features. This element is useful if you want to accept longer text responses from a user.<\/p>\n\n\n\n<p>This tutorial will discuss, with a few examples, how to use the HTML <code>&lt;textarea&gt;<\/code> tag in your code. By the end of this tutorial, you\u2019ll have all the knowledge you need to use the <code>&lt;textarea&gt;<\/code> tag like a pro!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Textarea Tag<\/h2>\n\n\n\n<p>The <code>&lt;textarea&gt;<\/code> tag is used to define a multiline text input control field in a form. The <code>&lt;textarea&gt;<\/code> tag is capable of holding an unlimited number of characters.<\/p>\n\n\n\n<p>The syntax for the <code>&lt;textarea&gt;<\/code> tag is as follows:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;textarea rows=\"10\" cols=\"10\"&gt;\nPlaceholder contents\n&lt;\/textarea&gt;<\/pre><\/div>\n\n\n\n<p>Let\u2019s break down our code. The <code>&lt;textarea&gt;<\/code> tag is used to define the text area box in our web form. Unlike <code>&lt;input&gt;<\/code> tags, the <code>&lt;textarea&gt;<\/code> tag must have both an opening (<code>&lt;textarea&gt;<\/code>) and a closing tag (<code>&lt;\/textarea&gt;<\/code>). This is because the default text the text area will show is contained between the two tags.<\/p>\n\n\n\n<p>We have also specified two attributes in our example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>rows<\/strong> instructs the browser on how many rows the text area should have by default. In other words, the rows attribute specifies the height of the textarea.<\/li>\n\n\n\n<li><strong>cols<\/strong> is the number of columns the text area should have by default. In other words, the cols attribute specifies the width of the textarea.<\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s suppose we are building a web form for a local clothing store. This form should allow customers to give feedback on their purchase. Because we want to give users room to submit detailed pieces of feedback, we are going to use a <code>&lt;textarea&gt;<\/code> HTML element to collect the user\u2019s feedback.<\/p>\n\n\n\n<p>We could use the following code to create the feedback form:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;form&gt;\n\t&lt;label for=\"feedback\"&gt;What feedback do you have for us?&lt;\/label&gt;&lt;br \/&gt;&lt;br \/&gt;\n\t&lt;textarea rows=\"5\" cols=\"30\" id=\"feedback\" name=\"feedback\"&gt;\n\tYour feedback goes here.\n\t&lt;\/textarea&gt;\n&lt;\/form&gt;<\/pre><\/div>\n\n\n\n<p>Our code returns:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/a0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP91u3TiWx-XsTyB8YeQHJLJut19I-Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y_3N\" alt=\"\"><\/figure>\n\n\n\n<p>Let\u2019s break down our code. First, we declared a <code>&lt;form&gt;<\/code> tag which is used to define our web form. We then used a <code>&lt;label&gt;<\/code> tag to add a label to our page asking the user <code>What feedback do you have for us?<\/code><\/p>\n\n\n\n<p>Then, we used a <code>&lt;textarea&gt;<\/code> tag to create the feedback form. We specified four attributes, which were as follows:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>rows is set to 5 and stores the number of rows the field should have.<\/li>\n\n\n\n<li>cols is set to 30 and stores the number of columns the field should have.<\/li>\n\n\n\n<li>id is the unique identifier assigned to the form, which would be used when we submit the form.<\/li>\n\n\n\n<li>name is also used to identify the form and is required if we want to submit the form to a web server.<\/li>\n<\/ul>\n\n\n\n<p>The <code>&lt;textarea&gt;<\/code> tag is supported by all major browsers.<\/p>\n\n\n\n<p>The above example is a basic implementation of the <code>&lt;textarea&gt;<\/code> tag, but we can make our form more advanced.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Textarea Examples<\/h2>\n\n\n\n<p>Let\u2019s walk through two more advanced examples to illustrate how we can use the <code>&lt;textarea&gt;<\/code> tag to create text areas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Minimum and Maximum Lengths<\/h3>\n\n\n\n<p>Let\u2019s return to our clothing store example. Suppose we wanted to limit the number of characters a user submits to 1000, to encourage users to be concise when writing their feedback. We also want to set a minimum character limit to 10, to ensure users write something in the form.<\/p>\n\n\n\n<p>That\u2019s where the minlength and maxlength attributes come in. minlength is used to specify the minimum number of characters a user must write, and maxlength is used to specify that maximum number of characters a user can write in a form.<\/p>\n\n\n\n<p>Here\u2019s an example of our web form from earlier that has minlength and maxlength attributes set:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;form&gt;\n\t&lt;textarea rows=\"5\" cols=\"30\" id=\"feedback\" name=\"feedback\" minlength=\"10\" maxlength=\"1000\"&gt;\n\tYour feedback goes here.\n\t&lt;\/textarea&gt;\n&lt;\/form&gt;<\/pre><\/div>\n\n\n\n<p>Our form returns:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/ztmPnPdTmOQ1f7X3SWtWwd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD-JSR784uIegJeXzrWAvArwI_FpuE7Ul6cOZAwtfJyfEKVSuKqCwOILHdc9gjFSVZ7PC6BskgF\" alt=\"\"><\/figure>\n\n\n\n<p>There are no visible changes to our form, but if we try to submit our form, the contents of the form will be considered invalid if the user has written more than 1000 characters.<\/p>\n\n\n\n<p class=\"has-text-align-left\">It\u2019s important to note that, even if the user writes less than 10 characters in our form, the textarea will still be considered valid. If we want to enforce the minimum limit, we need to specify the <code>required<\/code> attribute.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Placeholder Text<\/h3>\n\n\n\n<p>In our above web form, we specify default text inside our form. This text states <code>Your feedback goes here.<\/code> While this is useful information, the user must delete the default text manually if they don\u2019t want it in their form response.<\/p>\n\n\n\n<p>If you want to specify a placeholder value, you can use the <code>placeholder<\/code> attribute. This attribute states a placeholder value which shows up when the form is empty. As soon as the user starts typing into the box, the placeholder disappears.<\/p>\n\n\n\n<p>Here\u2019s an example of a <code>&lt;textarea&gt;<\/code> which has the placeholder text <code>Your feedback goes here.<\/code>:<\/p>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre>&lt;textarea placeholder=\"Your feedback goes here.\" rows=\"5\" cols=\"30\"&gt;\n&lt;\/textarea&gt;<\/pre><\/div>\n\n\n\n<p>Our code returns:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/7EP_nEAj8Pki73CeUAszIZ_eE_8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m-YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb-CNJ0n21\" alt=\"\"><\/figure>\n\n\n\n<p>As you can see, the text <code>Your feedback goes here.<\/code> appears in the text box. However, when the user starts typing, this text disappears. We know that this text is a placeholder because it is in light gray, whereas default text, like we specified in our first example in this article, appears in fully black text (unless otherwise specified).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML Textarea Attributes<\/h2>\n\n\n\n<p>The <code>&lt;textarea&gt;<\/code> tag accepts a number of tag-specific attributes. In addition, the <code>&lt;textarea&gt;<\/code> tag supports all <a href=\"https:\/\/careerkarma.com\/blog\/html-textarea\/\">global attributes<\/a> in HTML.<\/p>\n\n\n\n<p>Here are the tag-specific attributes supported by the <code>&lt;textarea&gt;<\/code> tag:<\/p>\n\n\n\n<figure class=\"wp-block-table course-info-table\"><table><tbody><tr><td><strong>Attribute<\/strong><\/td><td><strong>Value<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>autofocus<\/td><td>autofocus<\/td><td>States whether the textarea should get focus when the document is loaded.<\/td><\/tr><tr><td>cols<\/td><td>number<\/td><td>Specifies the number of text lines displayed by default for the text area.<\/td><\/tr><tr><td>disabled<\/td><td>boolean<\/td><td>Disables the text area for user input.<\/td><\/tr><tr><td>form<\/td><td>form ID<\/td><td>Links the textarea to a form.<\/td><\/tr><tr><td>maxlength<\/td><td>number<\/td><td>Specifies the maximum number of characters accepted by the text area.<br><\/td><\/tr><tr><td>minlength<\/td><td>number<\/td><td>Specifies the minimum number of characters accepted by the textarea.<\/td><\/tr><tr><td>name<\/td><td>name<\/td><td>Assigns a name to the text area.<\/td><\/tr><tr><td>placeholder<\/td><td>text<\/td><td>Provides a text placeholder which disappears when the user starts typing into the textarea.<\/td><\/tr><tr><td>readonly<\/td><td>boolean<\/td><td>Indicates the user cannot modify the contents of the textarea.<\/td><\/tr><tr><td>required<\/td><td>boolean<\/td><td>Indicates the user must fill in the form.<\/td><\/tr><tr><td>rows<\/td><td>number<\/td><td>Specifies the number of text columns displayed by default for the text area.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The HTML <code>&lt;textarea&gt;<\/code> tag is used to create multiline text input elements. These can be useful if you want to collect longer strings of data from a user.<\/p>\n\n\n\n<p>This tutorial discussed, with reference to examples, how to use the <code>&lt;textarea&gt;<\/code> tag to create text areas. This tutorial also provided a reference table with the tag-specific attributes offered by the <code>&lt;textarea&gt;<\/code> tag. Now you\u2019re ready to start using the <code>&lt;textarea&gt;<\/code> tag like a HTML expert!<\/p>\n","protected":false},"excerpt":{"rendered":"The HTML textarea tag is used to make a text input field with multiple lines in a form. It is defined with the &lt;textarea&gt; tag and can hold an unlimited number of characters. When you\u2019re creating a form in HTML, you may decide that you want to accept a long string of text. For instance,&hellip;","protected":false},"author":240,"featured_media":13825,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17281],"tags":[],"class_list":{"0":"post-13824","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-html"},"acf":{"post_sub_title":"","sprint_id":"","query_class":"HTML","school_sft":"","parent_sft":"","school_privacy_policy":"","has_review":"","is_sponser_post":"","is_guest_post":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v27.0) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>HTML Textarea: Step-by-Step Guide | Career Karma<\/title>\n<meta name=\"description\" content=\"The HTML tag allows developers to create multiline text input forms. On Career Karma, learn how to use the .\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/careerkarma.com\/blog\/html-textarea\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Textarea: Step-by-Step Guide\" \/>\n<meta property=\"og:description\" content=\"The HTML tag allows developers to create multiline text input forms. On Career Karma, learn how to use the .\" \/>\n<meta property=\"og:url\" content=\"https:\/\/careerkarma.com\/blog\/html-textarea\/\" \/>\n<meta property=\"og:site_name\" content=\"Career Karma\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/careerkarmaapp\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-28T04:57:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-01T10:35:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1020\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"James Gallagher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@career_karma\" \/>\n<meta name=\"twitter:site\" content=\"@career_karma\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"James Gallagher\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/\"},\"author\":{\"name\":\"James Gallagher\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"headline\":\"HTML Textarea: Step-by-Step Guide\",\"datePublished\":\"2020-03-28T04:57:06+00:00\",\"dateModified\":\"2023-12-01T10:35:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/\"},\"wordCount\":1125,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/careerkarma.com\/blog\/html-textarea\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/\",\"name\":\"HTML Textarea: Step-by-Step Guide | Career Karma\",\"isPartOf\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg\",\"datePublished\":\"2020-03-28T04:57:06+00:00\",\"dateModified\":\"2023-12-01T10:35:32+00:00\",\"author\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\"},\"description\":\"The HTML tag allows developers to create multiline text input forms. On Career Karma, learn how to use the .\",\"breadcrumb\":{\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/careerkarma.com\/blog\/html-textarea\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg\",\"width\":1020,\"height\":680},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/careerkarma.com\/blog\/html-textarea\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/careerkarma.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\/\/careerkarma.com\/blog\/html\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML Textarea: Step-by-Step Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#website\",\"url\":\"https:\/\/careerkarma.com\/blog\/\",\"name\":\"Career Karma\",\"description\":\"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/careerkarma.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94\",\"name\":\"James Gallagher\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg\",\"contentUrl\":\"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg\",\"caption\":\"James Gallagher\"},\"description\":\"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.\",\"url\":\"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML Textarea: Step-by-Step Guide | Career Karma","description":"The HTML tag allows developers to create multiline text input forms. On Career Karma, learn how to use the .","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:\/\/careerkarma.com\/blog\/html-textarea\/","og_locale":"en_US","og_type":"article","og_title":"HTML Textarea: Step-by-Step Guide","og_description":"The HTML tag allows developers to create multiline text input forms. On Career Karma, learn how to use the .","og_url":"https:\/\/careerkarma.com\/blog\/html-textarea\/","og_site_name":"Career Karma","article_publisher":"http:\/\/facebook.com\/careerkarmaapp","article_published_time":"2020-03-28T04:57:06+00:00","article_modified_time":"2023-12-01T10:35:32+00:00","og_image":[{"width":1020,"height":680,"url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg","type":"image\/jpeg"}],"author":"James Gallagher","twitter_card":"summary_large_image","twitter_creator":"@career_karma","twitter_site":"@career_karma","twitter_misc":{"Written by":"James Gallagher","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/#article","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/"},"author":{"name":"James Gallagher","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"headline":"HTML Textarea: Step-by-Step Guide","datePublished":"2020-03-28T04:57:06+00:00","dateModified":"2023-12-01T10:35:32+00:00","mainEntityOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/"},"wordCount":1125,"commentCount":0,"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg","articleSection":["HTML"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/careerkarma.com\/blog\/html-textarea\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/","url":"https:\/\/careerkarma.com\/blog\/html-textarea\/","name":"HTML Textarea: Step-by-Step Guide | Career Karma","isPartOf":{"@id":"https:\/\/careerkarma.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage"},"image":{"@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage"},"thumbnailUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg","datePublished":"2020-03-28T04:57:06+00:00","dateModified":"2023-12-01T10:35:32+00:00","author":{"@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94"},"description":"The HTML tag allows developers to create multiline text input forms. On Career Karma, learn how to use the .","breadcrumb":{"@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/careerkarma.com\/blog\/html-textarea\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/#primaryimage","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/03\/code-coding-computer-cyberspace-270373.jpg","width":1020,"height":680},{"@type":"BreadcrumbList","@id":"https:\/\/careerkarma.com\/blog\/html-textarea\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/careerkarma.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/careerkarma.com\/blog\/html\/"},{"@type":"ListItem","position":3,"name":"HTML Textarea: Step-by-Step Guide"}]},{"@type":"WebSite","@id":"https:\/\/careerkarma.com\/blog\/#website","url":"https:\/\/careerkarma.com\/blog\/","name":"Career Karma","description":"Latest Coding Bootcamp News &amp; Career Hacks from Industry Insiders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/careerkarma.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/e79364792443fbff794a144c67ec8e94","name":"James Gallagher","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/careerkarma.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","contentUrl":"https:\/\/careerkarma.com\/blog\/wp-content\/uploads\/2020\/01\/james-gallagher-150x150.jpg","caption":"James Gallagher"},"description":"James Gallagher is a self-taught programmer and the technical content manager at Career Karma. He has experience in range of programming languages and extensive expertise in Python, HTML, CSS, and JavaScript. James has written hundreds of programming tutorials, and he frequently contributes to publications like Codecademy, Treehouse, Repl.it, Afrotech, and others.","url":"https:\/\/careerkarma.com\/blog\/author\/jamesgallagher\/"}]}},"_links":{"self":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/13824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/comments?post=13824"}],"version-history":[{"count":0,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/posts\/13824\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media\/13825"}],"wp:attachment":[{"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/media?parent=13824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/categories?post=13824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/careerkarma.com\/blog\/wp-json\/wp\/v2\/tags?post=13824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}