How To Add Default Value For Html ? [closed] - Stack Overflow</a></h1> <div class="breadcrumb breadcrumbs"> <div class="rdfa-breadcrumb"> <div xmlns:v="http://rdf.data-vocabulary.org/#"> <p><span class="breadcrumbs-title"> </span><span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="https://truyenhinhcapsongthu.net/" class="home">Trang chủ</a></span> <span class="separator">»</span> <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="https://truyenhinhcapsongthu.net/top/html5-textarea-example/BPYDSbIP" title="Html5 Textarea Example ">Html5 Textarea Example </a></span> <span class="separator">»</span> How To Add Default Value For Html <textarea>? [closed] - Stack Overflow</p> </div> </div> </div> <div class="bvlienquan" style="padding: 15px; background: #e9ebec;margin-bottom: 20px"> <p><strong>Có thể bạn quan tâm</strong><p> <ul> <li><a target="_blank" href="https://truyenhinhcapsongthu.net/top/html5-text-tag/80vaIZI8" rel="bookmark" title="Html5 Text Tag ">Html5 Text Tag </a><li><a target="_blank" href="https://truyenhinhcapsongthu.net/top/html5-ul-tag/mq8BcJIE" rel="bookmark" title="Html5 Ul Tag ">Html5 Ul Tag </a><li><a target="_blank" href="https://truyenhinhcapsongthu.net/top/html5-video-alt-attribute/NJYnHVIZ" rel="bookmark" title="Html5 Video Alt Attribute ">Html5 Video Alt Attribute </a><li><a target="_blank" href="https://truyenhinhcapsongthu.net/top/html5-video-alternative/nemdsxIY" rel="bookmark" title="Html5 Video Alternative ">Html5 Video Alternative </a><li><a target="_blank" href="https://truyenhinhcapsongthu.net/top/html5-video-alt-text/xlqqCgIN" rel="bookmark" title="Html5 Video Alt Text ">Html5 Video Alt Text </a> </ul> </div> <div class="blog-single-post"> <ol> <li> <ol> <li aria-current="false"> <span>Home</span> </li> <li aria-current="true"> <span>Questions</span> </li> <li aria-current="false"> <span>Tags</span> </li> <li aria-current="false"> <span>Users</span> </li> <li aria-current="false"> <span>Companies</span> </li> <li> Labs </li> <li aria-current="false"> <span>Jobs</span> </li> <li aria-current="false"> <span>Discussions</span> </li> <li> Collectives </li> <li> <p> Communities for your favorite technologies. Explore all Collectives </p> </li> </ol> </li> <li> Teams <img width="151" height="24" src="https://cdn.sstatic.net/Img/teams/teams-promo.svg?v=e507948b81bf" alt=""> <p> Ask questions, find answers and collaborate at work with Stack Overflow for Teams. </p> Try Teams for free Explore Teams </li> <li> Teams </li> <li> <p> Ask questions, find answers and collaborate at work with Stack Overflow for Teams. Explore Teams </p> </li> </ol> <h5>Collectives™ on Stack Overflow</h5> <p>Find centralized, trusted content and collaborate around the technologies you use most.</p> Learn more about Collectives <p><strong>Teams</strong></p> <p>Q&A for work</p> <p>Connect and share knowledge within a single location that is structured and easy to search.</p> Learn more about Teams <p>Get early access and see previews of new features.</p> Learn more about Labs How to add default value for html <textarea>? [closed] Ask Question <span>Asked</span> 13 years, 7 months ago <span>Modified</span> 5 years, 6 months ago <span>Viewed</span> 977k times 454 Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers. <p> This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.</p> <p>Closed <span title='2019-09-29 16:59:39Z' class='relativetime'>5 years ago</span>.</p> Improve this question <p>I want to set a default value for my html <textarea>. I read from a material that to add default value you have to do something like <textarea>This is default text</textarea>. I did that but it doesn't work. What's the right thing to do?</p> <ul class='ml0 list-ls-none js-post-tag-list-wrapper d-inline'><li class='d-inline mr4 js-post-tag-list-item'>html</li><li class='d-inline mr4 js-post-tag-list-item'>textarea</li></ul> Share Improve this question Follow edited <span title='2016-04-05 08:35:54Z' class='relativetime'>Apr 5, 2016 at 8:35</span> <img src="https://www.gravatar.com/avatar/cb96169403450ab7cc3cb7994ed4283f?s=64&d=identicon&r=PG" alt="Qwerty's user avatar" width="32" height="32"> Qwerty <span title="reputation score 31,815" dir="ltr">31.8k</span><span title="25 gold badges" aria-hidden="true"><span>25</span></span><span>25 gold badges</span><span title="125 silver badges" aria-hidden="true"><span>125</span></span><span>125 silver badges</span><span title="151 bronze badges" aria-hidden="true"><span>151</span></span><span>151 bronze badges</span> asked <span title='2011-05-15 07:59:44Z' class='relativetime'>May 15, 2011 at 7:59</span> <img src="https://www.gravatar.com/avatar/7773c7e61a2b37f57a1aebe14bb7463f?s=64&d=identicon&r=PG" alt="Newbie Coder's user avatar" width="32" height="32"> Newbie Coder<span itemprop="name">Newbie Coder</span> <span title="reputation score 10,932" dir="ltr">10.9k</span><span title="19 gold badges" aria-hidden="true"><span>19</span></span><span>19 gold badges</span><span title="42 silver badges" aria-hidden="true"><span>42</span></span><span>42 silver badges</span><span title="53 bronze badges" aria-hidden="true"><span>53</span></span><span>53 bronze badges</span> <span itemprop="commentCount">4</span> <ul data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-6940823" data-comment-id="6940823" data-comment-owner-id="187606" data-comment-score="1"> <span title="number of 'useful comment' votes received" >1</span> <span>The way you show is how it's supposed to work. Show your HTML code if it doesn't</span> – Pekka <span dir="ltr"> <span>Commented</span> <span title='2011-05-15 08:01:03Z, License: CC BY-SA 3.0' class='relativetime-clean'>May 15, 2011 at 8:01</span> </span> </li> <li id="comment-18546589" data-comment-id="18546589" data-comment-owner-id="1364292" data-comment-score="0"> <span>show your html please...</span> – Daniel Ramirez-Escudero <span dir="ltr"> <span>Commented</span> <span title='2012-11-24 16:00:26Z, License: CC BY-SA 3.0' class='relativetime-clean'>Nov 24, 2012 at 16:00</span> </span> </li> <li id="comment-102698907" data-comment-id="102698907" data-comment-owner-id="3440745" data-comment-score="2"> <span title="number of 'useful comment' votes received" >2</span> <span>The answers suite for the question without the code attempt noted in it. Lets treat the question without this attempt, so the question wouldn't be subjected for "no code" or "can longer be reproduced" close reasons.</span> – Tsyvarev <span dir="ltr"> <span>Commented</span> <span title='2019-09-29 18:49:01Z, License: CC BY-SA 4.0' class='relativetime-clean'>Sep 29, 2019 at 18:49</span> </span> </li> <li id="comment-136085061" data-comment-id="136085061" data-comment-owner-id="2854001" data-comment-score="1"> <span title="number of 'useful comment' votes received" >1</span> <span>Gonna hijack a comment for REACT! If anyone ends up on this question then it actually is value="" that is needed in REACT 2023.</span> – Thomas Koelle <span dir="ltr"> <span>Commented</span> <span title='2023-09-28 08:36:32Z, License: CC BY-SA 4.0' class='relativetime-clean'>Sep 28, 2023 at 8:36</span> </span> </li> </ul> Add a comment <span> | </span> <h2 data-answercount="10"> 10 Answers <span style="display:none;" itemprop="answerCount">10</span> </h2> Sorted by: Reset to default Highest score (default) Trending (recent votes count more) Date modified (newest first) Date created (oldest first) 758 <p>Here is my jsFiddle example. this works fine:</p> <textarea name='awesome'>Default value</textarea> Share Improve this answer Follow answered <span title='2011-05-15 08:09:18Z' class='relativetime'>May 15, 2011 at 8:09</span> <img src="https://www.gravatar.com/avatar/1d690be98e84a5fc103b5feecf9d726c?s=64&d=identicon&r=PG" alt="Andrew Jackman's user avatar" width="32" height="32"> Andrew Jackman<span itemprop="name">Andrew Jackman</span> <span title="reputation score 13,966" dir="ltr">14k</span><span title="7 gold badges" aria-hidden="true"><span>7</span></span><span>7 gold badges</span><span title="37 silver badges" aria-hidden="true"><span>37</span></span><span>37 silver badges</span><span title="44 bronze badges" aria-hidden="true"><span>44</span></span><span>44 bronze badges</span> <span itemprop="commentCount">5</span> <ul data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-112237322" data-comment-id="112237322" data-comment-owner-id="3380497" data-comment-score="6"> <span title="number of 'useful comment' votes received" >6</span> <span>.NET Core developers who use asp-for must use a constructor in the model class to set the default value as this answer won't help them</span> – Shadi Alnamrouti <span dir="ltr"> <span>Commented</span> <span title='2020-08-18 15:21:56Z, License: CC BY-SA 4.0' class='relativetime-clean'>Aug 18, 2020 at 15:21</span> </span> </li> <li id="comment-112334974" data-comment-id="112334974" data-comment-owner-id="484772" data-comment-score="0"> <span>@ShadiNamrouti While that certainly is true, this isn't a question directed to .Net Core. This question actually predates .Net Core by a few years.</span> – Andrew Jackman <span dir="ltr"> <span>Commented</span> <span title='2020-08-21 17:02:32Z, License: CC BY-SA 4.0' class='relativetime-clean'>Aug 21, 2020 at 17:02</span> </span> </li> <li id="comment-118066680" data-comment-id="118066680" data-comment-owner-id="421195" data-comment-score="1"> <span title="number of 'useful comment' votes received" >1</span> <span>I came here precisely because Andrew Jackman's response <i>WASN'T</i> working. Shadi Namrouti explained why: if you've got a an Asp.Net Core Razor page, and you're using "asp-for" ... then you need to set the default value in your Model constructor. Thank you, Shadi!</span> – paulsm4 <span dir="ltr"> <span>Commented</span> <span title='2021-03-25 00:02:43Z, License: CC BY-SA 4.0' class='relativetime-clean'>Mar 25, 2021 at 0:02</span> </span> </li> <li id="comment-120191553" data-comment-id="120191553" data-comment-owner-id="797133" data-comment-score="0"> <span>Yes what @ShadiNamrouti said is helpful. It's 2020 and I'm reading it :) Thanks a lot.</span> – cheny <span dir="ltr"> <span>Commented</span> <span title='2021-06-16 11:10:51Z, License: CC BY-SA 4.0' class='relativetime-clean'>Jun 16, 2021 at 11:10</span> </span> </li> <li id="comment-136996148" data-comment-id="136996148" data-comment-owner-id="7926353" data-comment-score="0"> <span>I forget this and come back to this post almost every few months xD Also, for anyone getting empty spaces in the textarea, that's because the closing tag of your textarea is most probably formatted to be on next line. So move it to same line and extra space will be gone.</span> – Ramsha Khalid <span dir="ltr"> <span>Commented</span> <span title='2023-12-23 12:16:50Z, License: CC BY-SA 4.0' class='relativetime-clean'>Dec 23, 2023 at 12:16</span> </span> </li> </ul> Add a comment <span> | </span> 111 <p>You can use <strong>placeholder</strong> <strong>Attribute</strong>, which doesn't add a default value but might be what you are looking out for :</p> <textarea placeholder="this text will show in the textarea"></textarea> <p>Check it out here - http://jsfiddle.net/8DzCE/949/ <img src="https://i.sstatic.net/2M0z0.png" alt="enter image description here"></p> <p><strong>Important Note</strong> ( As suggested by Jon Brave in the comments ) <strong>:</strong></p> <p>Placeholder Attribute does not set the value of a textarea. Rather "The placeholder attribute represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value" [and it disappears as soon as user clicks into the textarea]. It will never act as "the default value" for the control. If you want that, you must put the desired text inside the Here is the actual default value, as per other answers here</p> Share Improve this answer Follow edited <span title='2017-01-24 10:39:36Z' class='relativetime'>Jan 24, 2017 at 10:39</span> <img src="https://www.gravatar.com/avatar/cb96169403450ab7cc3cb7994ed4283f?s=64&d=identicon&r=PG" alt="Qwerty's user avatar" width="32" height="32"> Qwerty <span title="reputation score 31,815" dir="ltr">31.8k</span><span title="25 gold badges" aria-hidden="true"><span>25</span></span><span>25 gold badges</span><span title="125 silver badges" aria-hidden="true"><span>125</span></span><span>125 silver badges</span><span title="151 bronze badges" aria-hidden="true"><span>151</span></span><span>151 bronze badges</span> answered <span title='2014-06-02 16:54:52Z' class='relativetime'>Jun 2, 2014 at 16:54</span> <img src="https://www.gravatar.com/avatar/255076e2cf4a4bebd6e9af0b15abed0c?s=64&d=identicon&r=PG" alt="bhavya_w's user avatar" width="32" height="32"> bhavya_w<span itemprop="name">bhavya_w</span> <span title="reputation score 10,027" dir="ltr">10k</span><span title="9 gold badges" aria-hidden="true"><span>9</span></span><span>9 gold badges</span><span title="31 silver badges" aria-hidden="true"><span>31</span></span><span>31 silver badges</span><span title="41 bronze badges" aria-hidden="true"><span>41</span></span><span>41 bronze badges</span> <span itemprop="commentCount">7</span> <ul data-remaining-comments-count="2" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-59715602" data-comment-id="59715602" data-comment-owner-id="489865" data-comment-score="20"> <span title="number of 'useful comment' votes received" >20</span> <span>You should make clear that placeholder does not set the value of a textarea. Rather "The placeholder attribute represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value" [and it disappears as soon as user clicks into the textarea]. It will never act as "the default value" for the control. If you want that, you must put the desired text inside the <textarea>Here is the actual default value</textarea>, as per other answers here.</span> – JonBrave <span dir="ltr"> <span>Commented</span> <span title='2016-03-16 10:36:30Z, License: CC BY-SA 3.0' class='relativetime-clean'>Mar 16, 2016 at 10:36</span> </span> </li> <li id="comment-60456909" data-comment-id="60456909" data-comment-owner-id="985454" data-comment-score="13"> <span title="number of 'useful comment' votes received" >13</span> <span>This is actually a very dangerous solution. Please, don't ever confuse placeholder with default value.</span> – Qwerty <span dir="ltr"> <span>Commented</span> <span title='2016-04-05 08:38:55Z, License: CC BY-SA 3.0' class='relativetime-clean'>Apr 5, 2016 at 8:38</span> </span> </li> <li id="comment-70813446" data-comment-id="70813446" data-comment-owner-id="1469614" data-comment-score="2"> <span title="number of 'useful comment' votes received" >2</span> <span>@Qwerty - Yes, we should not confuse placeholder with default value. But dangerous....Can you state any example / case where and how it can be dangerous ( able or likely to cause harm or injury ) ?</span> – bhavya_w <span dir="ltr"> <span>Commented</span> <span title='2017-01-23 18:01:57Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 23, 2017 at 18:01</span> </span> </li> <li id="comment-70815481" data-comment-id="70815481" data-comment-owner-id="985454" data-comment-score="1"> <span title="number of 'useful comment' votes received" >1</span> <span>Placeholder won't send in a form. That is dangerous if you or your user expect it to send.</span> – Qwerty <span dir="ltr"> <span>Commented</span> <span title='2017-01-23 19:03:18Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 23, 2017 at 19:03</span> </span> </li> <li id="comment-70838389" data-comment-id="70838389" data-comment-owner-id="985454" data-comment-score="2"> <span title="number of 'useful comment' votes received" >2</span> <span>If the value won't get submitted, it's not a <i>default value</i> but rather a hint. If I am looking for a default value, I expect it to behave as a default value and what is dangerous is the fact that this does not exhibit expected behaviour. Dangerous is to assume this solution will solve what was asked for. But it's correct for you to assume that I am indeed looking for A, but asking for B. And if you implicitly state that in your answer, your answer will be legit. You are right that this is about lack of knowledge, but people looking for this answer do lack this knowledge.</span> – Qwerty <span dir="ltr"> <span>Commented</span> <span title='2017-01-24 10:23:41Z, License: CC BY-SA 3.0' class='relativetime-clean'>Jan 24, 2017 at 10:23</span> </span> </li> </ul> <span> | </span> Show 2 more comments 28 <p>If you want to bring information from a database into a textarea tag for editing: The input tag not to display data that occupy several lines: <strong>rows</strong> no work, tag input is one line.</p> <!--input class="article-input" id="article-input" type="text" rows="5" value="{{article}}" /--> <p>The textarea tag has no <strong>value</strong>, but work fine with handlebars</p> <textarea class="article-input" id="article-input" type="text" rows="9" >{{article}}</textarea> Share Improve this answer Follow answered <span title='2013-06-25 12:14:52Z' class='relativetime'>Jun 25, 2013 at 12:14</span> <img src="https://www.gravatar.com/avatar/0027ba4b76e75e0e5cc3ad9356f3ab51?s=64&d=identicon&r=PG" alt="user2519992's user avatar" width="32" height="32"> user2519992<span itemprop="name">user2519992</span> <span title="reputation score " dir="ltr">389</span><span title="3 silver badges" aria-hidden="true"><span>3</span></span><span>3 silver badges</span><span title="2 bronze badges" aria-hidden="true"><span>2</span></span><span>2 bronze badges</span> <span itemprop="commentCount">1</span> <ul data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-115353385" data-comment-id="115353385" data-comment-owner-id="7429464" data-comment-score="0"> <span>This is angular</span> – FindOutIslamNow <span dir="ltr"> <span>Commented</span> <span title='2020-12-11 09:32:03Z, License: CC BY-SA 4.0' class='relativetime-clean'>Dec 11, 2020 at 9:32</span> </span> </li> </ul> Add a comment <span> | </span> 16 <p>Just in case if you are using <strong>Angular.js</strong> in your project (as I am) and have a ng-model set for your <textarea>, setting the default just inside like:</p> <textarea ng-model='foo'>Some default value</textarea> <p><strong>...will not work!</strong></p> <p>You need to set the default value to the textarea's ng-model in the respective controller or use ng-init.</p> <p><strong>Example 1 (using ng-init):</strong> </p> <p> var myApp = angular.module('myApp',[]); myApp.controller('MyCtrl', [ '$scope', function($scope){ // your controller implementation here }]); <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body ng-app='myApp'> <div ng-controller="MyCtrl"> <textarea ng-init='foo="Some default value"' ng-model='foo'></textarea> </div> </body> </html> </p> <p><strong>Example 2 (without using ng-init):</strong></p> <p> var myApp = angular.module('myApp',[]); myApp.controller('MyCtrl', [ '$scope', function($scope){ $scope.foo = 'Some default value'; }]); <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> <meta charset="utf-8"> <title>JS Bin</title> </head> <body ng-app='myApp'> <div ng-controller="MyCtrl"> <textarea ng-model='foo'></textarea> </div> </body> </html> </p> Share Improve this answer Follow edited <span title='2017-01-02 19:23:38Z' class='relativetime'>Jan 2, 2017 at 19:23</span> answered <span title='2015-10-02 19:50:42Z' class='relativetime'>Oct 2, 2015 at 19:50</span> <img src="https://i.sstatic.net/uoI4g.jpg?s=64" alt="Rahul Desai's user avatar" width="32" height="32"> Rahul Desai<span itemprop="name">Rahul Desai</span> <span title="reputation score 15,471" dir="ltr">15.5k</span><span title="20 gold badges" aria-hidden="true"><span>20</span></span><span>20 gold badges</span><span title="87 silver badges" aria-hidden="true"><span>87</span></span><span>87 silver badges</span><span title="144 bronze badges" aria-hidden="true"><span>144</span></span><span>144 bronze badges</span> <span itemprop="commentCount">1</span> <ul data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-54818871" data-comment-id="54818871" data-comment-owner-id="2199525" data-comment-score="1"> <span title="number of 'useful comment' votes received" >1</span> <span>Ay found this stackoverflow.com/a/25391822/2199525 – made things even clearer.</span> – leymannx <span dir="ltr"> <span>Commented</span> <span title='2015-11-04 09:51:53Z, License: CC BY-SA 3.0' class='relativetime-clean'>Nov 4, 2015 at 9:51</span> </span> </li> </ul> Add a comment <span> | </span> 12 <p>A few notes and clarifications:</p> <ul> <li><p>placeholder='' inserts your text, but it is greyed out (in a tool-tip style format) and the moment the field is clicked, your text is replaced by an empty text field.</p></li> <li><p>value='' is not a <textarea> attribute, and only works for <input> tags, ie, <input type='text'>, etc. I don't know why the creators of HTML5 decided not to incorporate that, but that's the way it is for now.</p></li> <li><p>The best method for inserting text into <textarea> elements has been outlined correctly here as: <textarea> Desired text to be inserted into the field upon page load </textarea> When the user clicks the field, they can edit the text and it remains in the field (unlike placeholder='').</p></li> <li>Note: If you insert text between the <textarea> and </textarea> tags, you cannot use placeholder='' as it will be overwritten by your inserted text.</li> </ul> Share Improve this answer Follow answered <span title='2016-09-06 00:01:28Z' class='relativetime'>Sep 6, 2016 at 0:01</span> <img src="https://www.gravatar.com/avatar/08fbaa6e53aff78e4d368a75a67945c6?s=64&d=identicon&r=PG" alt="twk's user avatar" width="32" height="32"> twk<span itemprop="name">twk</span> <span title="reputation score " dir="ltr">1,841</span><span title="1 gold badge" aria-hidden="true"><span>1</span></span><span>1 gold badge</span><span title="24 silver badges" aria-hidden="true"><span>24</span></span><span>24 silver badges</span><span title="38 bronze badges" aria-hidden="true"><span>38</span></span><span>38 bronze badges</span> <span itemprop="commentCount">1</span> <ul data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-113678728" data-comment-id="113678728" data-comment-owner-id="536172" data-comment-score="1"> <span title="number of 'useful comment' votes received" >1</span> <span><textarea> supports multi-line content, which would be hard to squeeze into value attribute :)</span> – AntonK <span dir="ltr"> <span>Commented</span> <span title='2020-10-09 19:38:37Z, License: CC BY-SA 4.0' class='relativetime-clean'>Oct 9, 2020 at 19:38</span> </span> </li> </ul> Add a comment <span> | </span> 8 <p>Placeholder cannot set the default value for text area. You can use </p> <textarea rows="10" cols="55" name="description"> /*Enter default value here to display content</textarea> <p>This is the tag if you are using it for database connection. You may use different syntax if you are using other languages than php.For php : </p> <p>e.g.:</p> <textarea rows="10" cols="55" name="description" required><?php echo $description; ?></textarea> <p>required command minimizes efforts needed to check empty fields using php.</p> Share Improve this answer Follow edited <span title='2018-10-17 11:26:07Z' class='relativetime'>Oct 17, 2018 at 11:26</span> answered <span title='2015-06-17 19:01:56Z' class='relativetime'>Jun 17, 2015 at 19:01</span> <img src="https://www.gravatar.com/avatar/394cd624fa9f598c63a61bd68f7e234a?s=64&d=identicon&r=PG&f=y&so-version=2" alt="A. A.'s user avatar" width="32" height="32"> A. A.<span itemprop="name">A. A.</span> <span title="reputation score " dir="ltr">153</span><span title="1 gold badge" aria-hidden="true"><span>1</span></span><span>1 gold badge</span><span title="2 silver badges" aria-hidden="true"><span>2</span></span><span>2 silver badges</span><span title="17 bronze badges" aria-hidden="true"><span>17</span></span><span>17 bronze badges</span> <span itemprop="commentCount">0</span> Add a comment <span> | </span> 6 <p>Also, this worked very well for me:</p> <textarea class="form-control" rows="3" name="msg" placeholder="Your message here." onfocus='this.select()'> <?php if (isset($_POST['encode'])) { echo htmlspecialchars($_POST['msg']);} ?> </textarea> <p>In this case, $_POST['encode'] came from this:</p> <input class="input_bottom btn btn-default" type="submit" name="encode" value="Encode"> <p>The PHP code was inserted between the and tags.</p> Share Improve this answer Follow answered <span title='2014-01-21 06:15:10Z' class='relativetime'>Jan 21, 2014 at 6:15</span> <img src="https://www.gravatar.com/avatar/581ab7b063829143e6ef121ca88a7e20?s=64&d=identicon&r=PG" alt="winthropite's user avatar" width="32" height="32"> winthropite<span itemprop="name">winthropite</span> <span title="reputation score " dir="ltr">83</span><span title="1 gold badge" aria-hidden="true"><span>1</span></span><span>1 gold badge</span><span title="2 silver badges" aria-hidden="true"><span>2</span></span><span>2 silver badges</span><span title="11 bronze badges" aria-hidden="true"><span>11</span></span><span>11 bronze badges</span> Add a comment <span> | </span> 3 <p>You can use this.innerHTML. </p> <p> <textarea name="message" rows = "10" cols = "100" onfocus="this.innerHTML=''"> Enter your message here... </textarea> </p> <p>When text area is focused, it basically makes the innerHTML of the textarea an empty string.</p> Share Improve this answer Follow answered <span title='2018-06-14 11:32:31Z' class='relativetime'>Jun 14, 2018 at 11:32</span> <img src="https://www.gravatar.com/avatar/c6d6e124d97d34e498f8e625f548597f?s=64&d=identicon&r=PG&f=y&so-version=2" alt="strahd's user avatar" width="32" height="32"> strahd<span itemprop="name">strahd</span> <span title="reputation score " dir="ltr">31</span><span title="2 bronze badges" aria-hidden="true"><span>2</span></span><span>2 bronze badges</span> <span itemprop="commentCount">0</span> Add a comment <span> | </span> -1 <p>Please note that if you made changes to textarea, after it had rendered; You will get the updated value instead of the initialized value.</p> <!doctype html> <html lang="en"> <head> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script> $(function () { $('#btnShow').click(function () { alert('text:' + $('#addressFieldName').text() + '\n value:' + $('#addressFieldName').val()); }); }); function updateAddress() { $('#addressFieldName').val('District: Peshawar \n'); } </script> </head> <body> <?php $address = "School: GCMHSS NO.1\nTehsil: ,\nDistrict: Haripur"; ?> <textarea id="addressFieldName" rows="4" cols="40" tabindex="5" ><?php echo $address; ?></textarea> <?php echo '<script type="text/javascript">updateAddress();</script>'; ?> <input type="button" id="btnShow" value='show' /> </body> </html> <p>As you can see the value of textarea will be different than the text in between the opening and closing tag of concern textarea.</p> Share Improve this answer Follow edited <span title='2019-04-22 06:45:40Z' class='relativetime'>Apr 22, 2019 at 6:45</span> answered <span title='2018-06-14 06:22:08Z' class='relativetime'>Jun 14, 2018 at 6:22</span> <img src="https://i.sstatic.net/k0WU6.jpg?s=64" alt="Adeel Raza Azeemi's user avatar" width="32" height="32"> Adeel Raza Azeemi<span itemprop="name">Adeel Raza Azeemi</span> <span title="reputation score " dir="ltr">783</span><span title="8 silver badges" aria-hidden="true"><span>8</span></span><span>8 silver badges</span><span title="16 bronze badges" aria-hidden="true"><span>16</span></span><span>16 bronze badges</span> Add a comment <span> | </span> -13 <p>You can also add the "value" attribute and set that so something like so:</p> <textarea value="your value"> </textarea> Share Improve this answer Follow answered <span title='2019-06-11 01:46:09Z' class='relativetime'>Jun 11, 2019 at 1:46</span> <img src="https://i.sstatic.net/GAXz3.jpg?s=64" alt="monsterpiece's user avatar" width="32" height="32"> monsterpiece<span itemprop="name">monsterpiece</span> <span title="reputation score " dir="ltr">779</span><span title="2 gold badges" aria-hidden="true"><span>2</span></span><span>2 gold badges</span><span title="14 silver badges" aria-hidden="true"><span>14</span></span><span>14 silver badges</span><span title="40 bronze badges" aria-hidden="true"><span>40</span></span><span>40 bronze badges</span> <span itemprop="commentCount">2</span> <ul data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-99653851" data-comment-id="99653851" data-comment-owner-id="3558960" data-comment-score="4"> <span title="number of 'useful comment' votes received" >4</span> <span>From the MDN documentation: "<textarea> does not support the value attribute".</span> – Robby Cornelissen <span dir="ltr"> <span>Commented</span> <span title='2019-06-11 02:10:06Z, License: CC BY-SA 4.0' class='relativetime-clean'>Jun 11, 2019 at 2:10</span> </span> </li> <li id="comment-104028882" data-comment-id="104028882" data-comment-owner-id="2856360" data-comment-score="0"> <span>Writing in React it is worth to be align with HTML spec.</span> – Tomasz Waszczyk <span dir="ltr"> <span>Commented</span> <span title='2019-11-15 16:13:43Z, License: CC BY-SA 4.0' class='relativetime-clean'>Nov 15, 2019 at 16:13</span> </span> </li> </ul> Add a comment <span> | </span> <h2 data-loc="1"> Not the answer you're looking for? Browse other questions tagged <ul class='ml0 list-ls-none js-post-tag-list-wrapper d-inline'><li class='d-inline mr4 js-post-tag-list-item'>html</li><li class='d-inline mr4 js-post-tag-list-item'>textarea</li></ul> or ask your own question. </h2> <ul> <li> The Overflow Blog </li> <li> Generative AI is not going to build your engineering team for you </li> <li> Developers want more, more, more: the 2024 results from Stack Overflow’s... </li> <li> Featured on Meta </li> <li> The December 2024 Community Asks Sprint has been moved to March 2025 (and... </li> <li> Stack Overflow Jobs is expanding to more countries </li> </ul> Visit chat <h4 id="h-linked">Linked</h4> 75 How can I "pre-fill" the value of a textarea in an HTML form? 3 How can I display the value of my textarea? 2 textarea can't have a default value 0 how to add value to textarea -4 Text area is not working -1 HTML Textarea Defualt text? (Like layout) -2 Can't seem to get form input to stay when there's a validation error 0 <textarea> value, vs. innerHTML....in regards to PHP 6 Default values of textarea missing after using ng-model 0 PHP Form, if not filled properly, all field clear themselves See more linked questions <h4 id="h-related">Related</h4> 3323 How do I disable the resizable property of a textarea? 2815 Make a div fill the height of the remaining screen space 4451 Which "href" value should I use for JavaScript links, "#" or "javascript:void(0)"? 2001 How can I set the default value for an HTML <select> element? 1929 Where should I put <script> tags in HTML markup? 1962 Hide scroll bar, but while still being able to scroll 978 jQuery disable/enable submit button 2739 How do I create an HTML button that acts like a link? <h4> Hot Network Questions </h4> <ul> <li > Ceiling light emits a dim glow even when turned off </li> <li > Why did they leave the Endurance outside the time dilation zone? </li> <li > Why is Centripetal force effect loss a delayed process? </li> <li > Can I put multiple stranded wires into a single WAGO terminal? </li> <li > How does philosophy of religion deal with the fact that there are so many incompatible views out there? </li> <li> What does "within ten Days (Sundays excepted)" — the veto period — mean in Art. I, § 7, Cl. 2 of the US Constitution? </li> <li> How do I vertically center the cells in specific columns of a table? </li> <li> Ubuntu 22.04 Wifi adapter not listing access points </li> <li> Los Angeles Airport Domestic to International Transfer in 90mins </li> <li> Did Lebesgue consider the axiom of choice false? </li> <li> Did Wikipedia spend $50m USD on diversity, equity, and inclusion (DEI) initiatives over the 2023-24 fiscal year? </li> <li> How to prevent Safari 18 from forcing HSTS policy for subdomains for development purposes? </li> <li> Efficient way to reconstruct matrix from list of iterated dot products </li> <li> Looking for sci-fi book series with fisherman finding AI-crewed spaceship </li> <li> TikZ/PGF: Can you set arrow size based on the height of the node it is attached to? </li> <li> Alternative (to) freehub body replacement for FH-M8000 rear hub </li> <li> Is online job converting crypto to cash a scam? </li> <li> Pronunciation of N in "envy"? The name of my personal pronunciation, an approximant? </li> <li> How would a buddhist respond to the following Vedantic responses to the Buddhist critique of the atman? </li> <li> Which other model is being used after one hits ChatGPT free plan's max hit rate? </li> <li> At least four numbers using the two digits in those numbers only once </li> <li> How would you say "pattern" in Latin? </li> <li> Five diagonal determinant evaluation with floor function </li> <li> Travel Plan with Schengen visa single entry </li> </ul> more hot questions <noscript><img src="/posts/6007219/ivc/ccd0?prg=1eee5ef1-b780-41f6-aa8f-3cc364744ca9" alt="" width="0" height="0"></noscript>lang-html </div> <div style="padding: 20px; background: #eaf0ff;"> <p>Từ khóa » <a target="_blank" href="https://truyenhinhcapsongthu.net/top/html5-textarea-example/BPYDSbIP">Html5 Textarea Example </a></p> <ul style="padding-left: 0"> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/the-textarea-element-html-hypertext-markup-language-mdn/80vMSZIxIn4g2Ev" class="relatedtit" rel="bookmark" title="The Textarea Element - HTML: HyperText Markup Language | MDN">The Textarea Element - HTML: HyperText Markup Language | MDN</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html-textarea-tag-w3schools/80vMSZIxInGZox" class="relatedtit" rel="bookmark" title="HTML Textarea Tag - W3Schools">HTML Textarea Tag - W3Schools</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html5-textarea-attributes-here-s-what-you-should-know/enDxh5IaI0007Me" class="relatedtit" rel="bookmark" title="HTML5 Textarea Attributes: Here's What You Should Know »">HTML5 Textarea Attributes: Here's What You Should Know »</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html-textarea-javatpoint/0qM3fPIOI7XmLZm" class="relatedtit" rel="bookmark" title="HTML Textarea - Javatpoint">HTML Textarea - Javatpoint</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html-textarea-tag-tutorialspoint/EmYRFLI3Iqd4938" class="relatedtit" rel="bookmark" title="HTML - Textarea Tag - Tutorialspoint">HTML - Textarea Tag - Tutorialspoint</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html-textarea-tag-geeksforgeeks/M45DtMI0I4GlNLL" class="relatedtit" rel="bookmark" title="HTML <textarea> Tag - GeeksforGeeks">HTML <textarea> Tag - GeeksforGeeks</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html-textarea-tag-tutorial-republic/l9BlSMIyI2dyZP" class="relatedtit" rel="bookmark" title="HTML Textarea Tag - Tutorial Republic">HTML Textarea Tag - Tutorial Republic</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html-5-textarea-tag-quackit-com/JdROilIkIgwJdN" class="relatedtit" rel="bookmark" title="HTML 5 <textarea> Tag">HTML 5 <textarea> Tag</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/bootstrap-textarea-input-free-examples-templates-tutorial/D8aDF7I5IVaVz4J" class="relatedtit" rel="bookmark" title="Bootstrap Textarea Input Free Examples, Templates & Tutorial">Bootstrap Textarea Input Free Examples, Templates & Tutorial</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/textarea-tricks-css-tricks/b8ymFNImIMrPXYm" class="relatedtit" rel="bookmark" title="Textarea Tricks | CSS-Tricks">Textarea Tricks | CSS-Tricks</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html-textarea-step-by-step-guide-career-karma/28z0F0IyIz26NbJ" class="relatedtit" rel="bookmark" title="HTML Textarea: Step-by-Step Guide | Career Karma">HTML Textarea: Step-by-Step Guide | Career Karma</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/html5-textarea-example-web-code-geeks-2022/qvxGh0ILI3Zay3" class="relatedtit" rel="bookmark" title="HTML5 Textarea Example - Web Code Geeks - 2022">HTML5 Textarea Example - Web Code Geeks - 2022</a></h3> </li> <li> <h3><a href="https://truyenhinhcapsongthu.net/top/elements-textarea-html-wiki/Xb0dFDI0IY369vy" class="relatedtit" rel="bookmark" title="Elements/textarea - HTML Wiki">Elements/textarea - HTML Wiki</a></h3> </li> </ul> </div> </article> </div> <div id="text-26" class="mh-footer-widget widget_text"> <h6 class="mh-widget-title mh-footer-widget-title" style="text-align: center;"><span class="mh-widget-title-inner mh-footer-widget-title-inner">Liên Hệ</span></h6> <div class="textwidget"> <p style="text-align: center;"><a href="https://truyenhinhcapsongthu.net/" target="_blank"><span style="color: #ff0000;"><strong>TRUYỀN HÌNH CÁP SÔNG THU ĐÀ NẴNG</strong></span></a></p> <p style="text-align: center;">Địa Chỉ: <span style="color: #008000;">58 Hàm Nghi - Đà Nẵng</span></p> <p style="text-align: center;">Phone: <span style="color: #008000;">0904961917</span></p> <p style="text-align: center;">Web: <a href="https://truyenhinhcapsongthu.net/" target="_blank">truyenhinhcapsongthu.net</a></p> <p style="text-align: center;">Facebook: <a href="https://www.facebook.com/truyenhinhcapsongthu/" target="_blank">https://fb.com/truyenhinhcapsongthu/</a></p> <p style="text-align: center;">Twitter: <a href="https://twitter.com/Capsongthu" target="_blank">@ Capsongthu</a></p> </div> </div> <p class="copyright" style="text-align: center;">Copyright © 2022 | Thiết Kế <a href="https://truyenhinhcapsongthu.net/" rel="nofollow">Truyền Hình Cáp Sông Thu</a></p> <script type='text/javascript' src='https://truyenhinhcapsongthu.net/wp-content/themes/songthu/assets/js/lazyload.min.js' id='lazyload-core-js'></script> <script type="text/javascript"> (function ($) { var lazyLoadInstance = new LazyLoad({ elements_selector: ".lazy,.loading,[loading='lazy'],[data-lazyloaded='1'],.blog-single-post img", thresholds: "500px 0px", }); // buildTocContent(); })(jQuery); </script> </body> </html>