如何設定 `` 元素內文字的格式？

格式化 中的文字

而元素提供了方便的功能，例如滾動條，但它們缺乏直接格式化文字的能力。要格式化 <textarea> 中文字的特定部分，需要採用替代方法。

使用「假」可編輯DIV

而不是依賴

<div>

;textarea>，建立一個新元素，例如

<div>，並將其contenteditable 屬性設為true。這將使元素能夠像文字區域一樣進行編輯。

自訂「假」文字區域

#fake_textarea {
  width: 500px;
  height: 200px;
  overflow: auto;
  border: 1px solid #ccc;
}

<div>可以使用 CSS 樣式自訂元素，複製 的外觀和行為，包括新增捲軸：<strong></strong><p>捕獲表單資料</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><input type="hidden"></pre><div class="contentsignin">登入後複製</div></div> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$('#your_form').submit(function() { $('#fake_textarea_content').val($('#fake_textarea').html()); });</pre><div class="contentsignin">登入後複製</div></div>捕獲「假」<textarea> 的內容在提交表單中，您可以使用JavaScript 和jQuery：<p></p>此腳本將隱藏輸入字段(#fake_textarea_content) 的值設定為「假」<textarea> 的內容;提交表單時，允許像常規表單一樣提交。