内のテキストの書式設定要素はスクロールバーなどの便利な機能を提供しますが、テキストを直接フォーマットする機能はありません。 <textarea> 内のテキストの特定の部分を書式設定するには、別のアプローチが必要です。</p> <p><strong>「偽の」編集可能 DIV を使用する</strong></p> <p>< に依存する代わりに;textarea> で、<div> などの新しい要素を作成し、その contenteditable 属性を true に設定します。これにより、要素をテキスト領域のように編集できるようになります。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">ログイン後にコピー</div></div> <p><strong>「偽の」テキスト領域のカスタマイズ</strong></p> <p></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>#fake_textarea { width: 500px; height: 200px; overflow: auto; border: 1px solid #ccc; }</pre><div class="contentsignin">ログイン後にコピー</div></div> <p><strong></strong></p>要素を CSS スタイルでカスタマイズして、スクロールバーの追加など、<textarea> の外観と動作を複製できます:<p></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><input type="hidden"></pre><div class="contentsignin">ログイン後にコピー</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>$('#your_form').submit(function() { $('#fake_textarea_content').val($('#fake_textarea').html()); });</pre><div class="contentsignin">ログイン後にコピー</div></div>フォーム データのキャプチャ<p></p>キャプチャするには「偽の」<textarea> のコンテンツ送信用のフォーム内では、JavaScript と jQuery を使用できます。このスクリプトは、非表示の入力フィールド (#fake_textarea_content) の値を「偽の」<textarea> のコンテンツに設定します。 ;フォームが送信されるときに、通常のフォームと同様に送信できるようになります。
