Comment puis-je formater le texte d'un élément `` ?

Formatage du texte dans une </strong></p> <p>Pendant que <textarea> Les éléments fournissent des fonctionnalités pratiques telles que des barres de défilement, mais ils n'ont pas la possibilité de formater directement le texte. Pour formater des portions de texte spécifiques dans une <textarea>, une approche alternative est nécessaire.</p> <p><strong>Utiliser un "faux" DIV modifiable</strong></p> <p>Au lieu de s'appuyer sur le < ;textarea>, créez un nouvel élément, tel qu'un <div>, et définissez son attribut contenteditable sur true. Cela permettra à l'élément d'être modifié comme une zone de texte.</p> <pre class="brush:php;toolbar:false"><div></pre> <p><strong>Personnalisation de la zone de texte "Fausse"</strong></p> <p>Le <div> L'élément peut être personnalisé avec des styles CSS pour reproduire l'apparence et le comportement d'un <textarea>, notamment en ajoutant des barres de défilement :</p> <pre class="brush:php;toolbar:false">#fake_textarea { width: 500px; height: 200px; overflow: auto; border: 1px solid #ccc; }</pre> <p><strong>Capture des données du formulaire</strong></p> <p>Pour capturer le contenu du "faux" <textarea> dans un formulaire de soumission, vous pouvez utiliser JavaScript et jQuery :</p> <pre class="brush:php;toolbar:false"><input type="hidden"></pre> <pre class="brush:php;toolbar:false">$('#your_form').submit(function() { $('#fake_textarea_content').val($('#fake_textarea').html()); });</pre> <p>Ce script définit la valeur d'un champ de saisie masqué (#fake_textarea_content) sur le contenu du "faux" <textarea> ; lorsque le formulaire est soumis, ce qui lui permet d'être soumis comme un formulaire ordinaire.</p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">JavaScript</a> <a href="javascript:void(0);">jquery</a> <a href="javascript:void(0);">css</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">while</a> <a href="javascript:void(0);">format</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">Attribute</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">input</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="Comment garantir une hauteur DIV uniforme dans les cellules du tableau pour un positionnement précis en arrière-plan ?" href="https://m.php.cn/fr/faq/1796708591.html">Comment garantir une hauteur DIV uniforme dans les cellules du tableau pour un positionnement précis en arrière-plan ?</a></span><span>Article suivant：<a class="dBlack" title="Comment garantir une hauteur DIV uniforme dans les cellules du tableau pour un positionnement précis en arrière-plan ?" href="https://m.php.cn/fr/faq/1796708596.html">Comment garantir une hauteur DIV uniforme dans les cellules du tableau pour un positionnement précis en arrière-plan ?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/841.html" title="Résumé de ce à quoi vous devez faire attention à propos de Border lors de l'écriture de CSS" class="aBlack">Résumé de ce à quoi vous devez faire attention à propos de Border lors de l'écriture de CSS</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/961.html" title="Comment réaliser une sélection multi-styles et un changement de styles en temps réel_Échange d'expérience" class="aBlack">Comment réaliser une sélection multi-styles et un changement de styles en temps réel_Échange d'expérience</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/1345.html" title="Analyse détaillée de l'utilisation du chapiteau" class="aBlack">Analyse détaillée de l'utilisation du chapiteau</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/269082.html" title="CSS标题线（删除线贯穿线效果）实现" class="aBlack">CSS标题线（删除线贯穿线效果）实现</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/269606.html" title="CSS3中优雅降级和渐进增强的区别" class="aBlack">CSS3中优雅降级和渐进增强的区别</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>