標籤 textarea的坑

最近在使用textarea標籤時發現文本框左側一直多出很多的空格，後經查驗發現是因爲在代碼中使用了換行符，代碼中如果寫成以下形式的代碼就會出現如圖所示的問題

  <textarea name="receiveNote" id="receiveNote" style="width: 512px;height: 120px">
   ${feedback.receiveNote!}
  </textarea>

出現這個問題的主要原因是因爲textarea標籤的屬性問題，在標籤<textarea></textarea>之間不可以“換行”、“空格”；否則輸入框會不能靠左輸入，存在大量空格；

主要原因就是因爲<textarea></textarea>之間是標籤的值，所以之間的“換行”、“空格”都包含到內容中；

所以，正確的書寫形式如下所示

<textarea name="receiveNote" id="receiveNote" style="width: 512px;height: 120px">${feedback.receiveNote!}</textarea>