Metin kutusunu jile ile çok satırlı hale dönüştürmek

Tek satırlık bir metin kutum var.Metin kutusunu jile ile çok satırlı hale dönüştürmek

jquery ile bunu çok satırlı olarak dönüştürmek istiyorum ancak ona eklenen satır sayısını denetlemek istiyorum. Ayrıca her satırdaki karakter sayısını sınırlamak istiyorum.

Bunu jQuery ile nasıl yapabilirim?

DÜZENLEME: metin neyi kastettiğini Evet <input type="text">

oldu. Size düşünüldüğünde <input type="text" value="" name="txtTextBox1" id="xtTextBox1">

kaynak

2010-08-25 amateur

" Metin kutusu "terimi yeterince açık değildir. Bu ASP.NET'e özgü gibi görünüyor. jQuery bunu anlamıyor. Sadece HTML'yi anlar. HTML ' veya belki" 'anlamına mı kastediyorsunuz? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/157882/">BalusC</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@BalusC Bunu bir "giriş tipi = metin" yi bir "textarea" haline dönüştürmek olarak yorumluyorum. Bence bu sadece girdiyi yok ederek ve aynı isimde bir textarea oluşturarak yapılabilir. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Pekka: Doğru, ama bu terimdeki belirsizlik var ve ben bunu OP'nin pozisyonuna dayanarak değerlendirdim. Zaten bir çeşit MVC framework tarafından üretilen bir "tek satır" kısıtlaması ile bir "<textarea>" var olabilir. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/157882/">BalusC</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">cevap</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">0<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>aşağıdakilere sahip HTML:</p> <pre><code class="prettyprint-override">(function($) { $.fn.changeToTextArea = function(rows, columns) { var attrs = {}; var text = ""; $.each(this[0].attributes, function(idx, attr) { attrs[attr.nodeName] = attr.nodeValue; if(attr.nodeName == "value") { text = attr.nodeValue; } attrs["rows"] = rows; attrs["cols"] = columns; }); this.replaceWith(function() { return $("<textarea/>", attrs).append($(this).contents()).html(text); }); } })(jQuery); </code></pre> <p>Sen</p> <pre><code class="prettyprint-override">$("input").changeToTextArea(7, 25); </code></pre> <p></p> <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code" id="sn1"> <pre class="snippet-code-js lang-js prettyprint-override"><code class="prettyprint-override">(function($) { $.fn.changeToTextArea = function(rows, columns) { var attrs = {}; var text = ""; $.each(this[0].attributes, function(idx, attr) { attrs[attr.nodeName] = attr.nodeValue; if(attr.nodeName == "value") { text = attr.nodeValue; } attrs["rows"] = rows; attrs["cols"] = columns; }); this.replaceWith(function() { return $("<textarea/>", attrs).append($(this).contents()).html(text); }); } })(jQuery); $("input").changeToTextArea(7, 25);</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code class="prettyprint-override"><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <input type="text" class="xyzxterms" style="color: #123131" value="akira"/></code></pre> </div> </div> ile çağırmalıdır: <p></p> <pre><code class="prettyprint-override"><input type="text" class="myclasses" style="color: #123123" value="akira"/> </code></pre> <p>sonra aşağıdaki parçacığını kullanarak 210 " </p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/41124468">kaynak</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2016-12-13 15:13:03</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/4022986/">aKiRa</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">İlgili konular</div> <ul class="relative_list"> <li> 1. <a href="http://tr.voidcc.com/question/p-ollxpbiq-d.html" target="_blank" title="Silverlight'ta çok satırlı metin kutusu"> Silverlight'ta çok satırlı metin kutusu </a> </li> <li> 2. <a href="http://tr.voidcc.com/question/p-roskapmy-k.html" target="_blank" title="Excel hücrelerinde çok satırlı metin"> Excel hücrelerinde çok satırlı metin </a> </li> <li> 3. <a href="http://tr.voidcc.com/question/p-byqgvrkc-e.html" target="_blank" title="C#: DataGridView denetiminde çok satırlı metin"> C#: DataGridView denetiminde çok satırlı metin </a> </li> <li> 4. <a href="http://tr.voidcc.com/question/p-gfqoxknr-s.html" target="_blank" title="Delphi - Metnin ortasında çok satırlı metin çizme"> Delphi - Metnin ortasında çok satırlı metin çizme </a> </li> <li> 5. <a href="http://tr.voidcc.com/question/p-qsigxvur-r.html" target="_blank" title="Çok satırlı metin kutusunda e-posta doğrulaması"> Çok satırlı metin kutusunda e-posta doğrulaması </a> </li> <li> 6. <a href="http://tr.voidcc.com/question/p-gkjozqjn-x.html" target="_blank" title="Çok satırlı metin javada printdialog ile nasıl dışa aktarılır?"> Çok satırlı metin javada printdialog ile nasıl dışa aktarılır? </a> </li> <li> 7. <a href="http://tr.voidcc.com/question/p-vueoktsz-s.html" target="_blank" title="errorprovider kullanarak birden çok metin kutusunu doğrulama"> errorprovider kullanarak birden çok metin kutusunu doğrulama </a> </li> <li> 8. <a href="http://tr.voidcc.com/question/p-ubterqgk-a.html" target="_blank" title="Kılavuzda bir matlab çok satırlı düzenleme kutusunu nasıl oluşturabilirim?"> Kılavuzda bir matlab çok satırlı düzenleme kutusunu nasıl oluşturabilirim? </a> </li> <li> 9. <a href="http://tr.voidcc.com/question/p-xtwrrybc-u.html" target="_blank" title="satırlı metin kutusu dataGridView"> satırlı metin kutusu dataGridView </a> </li> <li> 10. <a href="http://tr.voidcc.com/question/p-qmtqdbvi-r.html" target="_blank" title="Çok satırlı, satır boşluklu"> Çok satırlı, satır boşluklu </a> </li> <li> 11. <a href="http://tr.voidcc.com/question/p-ogniawch-t.html" target="_blank" title="Metin kutusunu FindControl C#"> Metin kutusunu FindControl C# </a> </li> <li> 12. <a href="http://tr.voidcc.com/question/p-xizwecni-y.html" target="_blank" title="hizalayın sözde eleman :: satırlı metin"> hizalayın sözde eleman :: satırlı metin </a> </li> <li> 13. <a href="http://tr.voidcc.com/question/p-cualeiml-s.html" target="_blank" title="çok satırlı deyimler?"> çok satırlı deyimler? </a> </li> <li> 14. <a href="http://tr.voidcc.com/question/p-gqxsnihb-q.html" target="_blank" title="C# html ile çok satırlı dize"> C# html ile çok satırlı dize </a> </li> <li> 15. <a href="http://tr.voidcc.com/question/p-btjkanvr-q.html" target="_blank" title="ActionNext, çok satırlı EditText ile çalışmaz android"> ActionNext, çok satırlı EditText ile çalışmaz android </a> </li> <li> 16. <a href="http://tr.voidcc.com/question/p-owhzzhtn-d.html" target="_blank" title="Çok satırlı bir metin bloğuyla eşleşen düzenli ifade"> Çok satırlı bir metin bloğuyla eşleşen düzenli ifade </a> </li> <li> 17. <a href="http://tr.voidcc.com/question/p-erayidlr-o.html" target="_blank" title="re.search Çok satırlı Python"> re.search Çok satırlı Python </a> </li> <li> 18. <a href="http://tr.voidcc.com/question/p-tpclqgae-u.html" target="_blank" title="Çok satırlı satırları sütunlara dönüştürün"> Çok satırlı satırları sütunlara dönüştürün </a> </li> <li> 19. <a href="http://tr.voidcc.com/question/p-dkowupqw-e.html" target="_blank" title="Birden Çok Satırlı NSTextFieldCell"> Birden Çok Satırlı NSTextFieldCell </a> </li> <li> 20. <a href="http://tr.voidcc.com/question/p-tmdpzofc-e.html" target="_blank" title="awk'de çok satırlı açıklama"> awk'de çok satırlı açıklama </a> </li> <li> 21. <a href="http://tr.voidcc.com/question/p-zkxgjnfu-w.html" target="_blank" title="Çok satırlı lambda karşılaştırıcısı"> Çok satırlı lambda karşılaştırıcısı </a> </li> <li> 22. <a href="http://tr.voidcc.com/question/p-tkxiuusc-u.html" target="_blank" title="Kesikli Çok Satırlı Etiket"> Kesikli Çok Satırlı Etiket </a> </li> <li> 23. <a href="http://tr.voidcc.com/question/p-xzmlfrsc-c.html" target="_blank" title="Eqnarray'de çok satırlı ayraç"> Eqnarray'de çok satırlı ayraç </a> </li> <li> 24. <a href="http://tr.voidcc.com/question/p-pztleytz-g.html" target="_blank" title="Yeni NSAttributedString çok satırlı"> Yeni NSAttributedString çok satırlı </a> </li> <li> 25. <a href="http://tr.voidcc.com/question/p-yckwcoau-r.html" target="_blank" title="Çok satırlı önişlemci makroları"> Çok satırlı önişlemci makroları </a> </li> <li> 26. <a href="http://tr.voidcc.com/question/p-ddxtrovi-c.html" target="_blank" title="Textarea'nın çok satırlı seçeneğini devre dışı bırakmak mümkün mü?"> Textarea'nın çok satırlı seçeneğini devre dışı bırakmak mümkün mü? </a> </li> <li> 27. <a href="http://tr.voidcc.com/question/p-dtqxunrc-r.html" target="_blank" title="YAML çok satırlı sargısız boşluk"> YAML çok satırlı sargısız boşluk </a> </li> <li> 28. <a href="http://tr.voidcc.com/question/p-sbeakfkx-k.html" target="_blank" title="Asp.net metin kutusuna çok satırlı olarak nasıl frenleme gösteriliyor?"> Asp.net metin kutusuna çok satırlı olarak nasıl frenleme gösteriliyor? </a> </li> <li> 29. <a href="http://tr.voidcc.com/question/p-pkxzfzxc-d.html" target="_blank" title="Android Programlama: Bir dikdörtgende çok satırlı metin çizmek nasıl?"> Android Programlama: Bir dikdörtgende çok satırlı metin çizmek nasıl? </a> </li> <li> 30. <a href="http://tr.voidcc.com/question/p-odectogs-o.html" target="_blank" title="Çok satırlı bir metin kutusunun içeriğini C# panoya nasıl kopyalanır?"> Çok satırlı bir metin kutusunun içeriğini C# panoya nasıl kopyalanır? </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422829"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Son soru </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://tr.voidcc.com/question/p-htgieber-t.html" target="_blank" title="Android studio 3.0 bir test sadece yükleyemezsiniz apk"> Android studio 3.0 bir test sadece yükleyemezsiniz apk </a> </li> <li class="side_article_list_item"> 2. <a href="http://tr.voidcc.com/question/p-oyuuyowo-z.html" target="_blank" title="Superclass"> Superclass </a> </li> <li class="side_article_list_item"> 3. <a href="http://tr.voidcc.com/question/p-ekloqsyd-v.html" target="_blank" title="Açısal 5 webpack komutuna yükselttikten sonra"> Açısal 5 webpack komutuna yükselttikten sonra </a> </li> <li class="side_article_list_item"> 4. <a href="http://tr.voidcc.com/question/p-yaxxbfgd-ba.html" target="_blank" title="XAMPP ile çalışmak için sanal ana bilgisayarı nasıl alabilirim?"> XAMPP ile çalışmak için sanal ana bilgisayarı nasıl alabilirim? </a> </li> <li class="side_article_list_item"> 5. <a href="http://tr.voidcc.com/question/p-nurdjdvo-w.html" target="_blank" title="İki tane kullanabilirmiyim || ve PHP'de aynı ifadede bir &&?"> İki tane kullanabilirmiyim || ve PHP'de aynı ifadede bir &&? </a> </li> <li class="side_article_list_item"> 6. <a href="http://tr.voidcc.com/question/p-ydyitlux-w.html" target="_blank" title="UIAppDelegate öğesinin bir kaplama ile kapsanması penceresi, kullanıcı görüntülendiğinde UIActivityViewController uzantısına dokunamadığında"> UIAppDelegate öğesinin bir kaplama ile kapsanması penceresi, kullanıcı görüntülendiğinde UIActivityViewController uzantısına dokunamadığında </a> </li> <li class="side_article_list_item"> 7. <a href="http://tr.voidcc.com/question/p-wkrqqsad-w.html" target="_blank" title="TemplateField öğesinin başlık metni nasıl merkezi olarak hizalanır?"> TemplateField öğesinin başlık metni nasıl merkezi olarak hizalanır? </a> </li> <li class="side_article_list_item"> 8. <a href="http://tr.voidcc.com/question/p-hrvlzjza-s.html" target="_blank" title="Variadic template"> Variadic template </a> </li> <li class="side_article_list_item"> 9. <a href="http://tr.voidcc.com/question/p-ctwuuumb-x.html" target="_blank" title="Dosyaların FormData nesnesine de yansıtıldığı FileList nesnesinde File nesneleri ve length özelliği nasıl ayarlanır?"> Dosyaların FormData nesnesine de yansıtıldığı FileList nesnesinde File nesneleri ve length özelliği nasıl ayarlanır? </a> </li> <li class="side_article_list_item"> 10. <a href="http://tr.voidcc.com/question/p-blrfpnbx-v.html" target="_blank" title="Lens listesi nasıl kullanılır?"> Lens listesi nasıl kullanılır? </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> İlgili konular</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://tr.voidcc.com/question/p-ollxpbiq-d.html" target="_blank" title="Silverlight'ta çok satırlı metin kutusu"> Silverlight'ta çok satırlı metin kutusu </a> </li> <li class="side_article_list_item"> 2. <a href="http://tr.voidcc.com/question/p-roskapmy-k.html" target="_blank" title="Excel hücrelerinde çok satırlı metin"> Excel hücrelerinde çok satırlı metin </a> </li> <li class="side_article_list_item"> 3. <a href="http://tr.voidcc.com/question/p-byqgvrkc-e.html" target="_blank" title="C#: DataGridView denetiminde çok satırlı metin"> C#: DataGridView denetiminde çok satırlı metin </a> </li> <li class="side_article_list_item"> 4. <a href="http://tr.voidcc.com/question/p-gfqoxknr-s.html" target="_blank" title="Delphi - Metnin ortasında çok satırlı metin çizme"> Delphi - Metnin ortasında çok satırlı metin çizme </a> </li> <li class="side_article_list_item"> 5. <a href="http://tr.voidcc.com/question/p-qsigxvur-r.html" target="_blank" title="Çok satırlı metin kutusunda e-posta doğrulaması"> Çok satırlı metin kutusunda e-posta doğrulaması </a> </li> <li class="side_article_list_item"> 6. <a href="http://tr.voidcc.com/question/p-gkjozqjn-x.html" target="_blank" title="Çok satırlı metin javada printdialog ile nasıl dışa aktarılır?"> Çok satırlı metin javada printdialog ile nasıl dışa aktarılır? </a> </li> <li class="side_article_list_item"> 7. <a href="http://tr.voidcc.com/question/p-vueoktsz-s.html" target="_blank" title="errorprovider kullanarak birden çok metin kutusunu doğrulama"> errorprovider kullanarak birden çok metin kutusunu doğrulama </a> </li> <li class="side_article_list_item"> 8. <a href="http://tr.voidcc.com/question/p-ubterqgk-a.html" target="_blank" title="Kılavuzda bir matlab çok satırlı düzenleme kutusunu nasıl oluşturabilirim?"> Kılavuzda bir matlab çok satırlı düzenleme kutusunu nasıl oluşturabilirim? </a> </li> <li class="side_article_list_item"> 9. <a href="http://tr.voidcc.com/question/p-xtwrrybc-u.html" target="_blank" title="satırlı metin kutusu dataGridView"> satırlı metin kutusu dataGridView </a> </li> <li class="side_article_list_item"> 10. <a href="http://tr.voidcc.com/question/p-qmtqdbvi-r.html" target="_blank" title="Çok satırlı, satır boşluklu"> Çok satırlı, satır boşluklu </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://tr.voidcc.com/contact">Bize ulaşın</a></li> <li>© 2020 TR.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>