在textarea上使用contentEditable有什麼後果？

Question

正如您所見，至少在Chrome上，contentEditable屬性似乎在textarea上被忽略。

問題A：它是如何工作的？

問題C：在textarea上使用contentEditable會有什麼後果證明你是白癡嗎？

問題D：爲什麼沒有問題B？ 只是在開玩笑，今天早餐時我吃了一個小丑。 ：d

textarea { /* not relevant for the question, only for the demo */ 
 
    display: block; 
 
    width: 500px; 
 
}

<textarea contentEditable="true">contentEditable="true"</textarea> 
 
<textarea contentEditable="false">contentEditable="false"</textarea> 
 
<textarea contentEditable="true" readonly>contentEditable="true" readonly</textarea> 
 
<textarea contentEditable="true" disabled>contentEditable="true" disabled</textarea>

Answer 1

contentEditable有沒有影響，對文本區域，the HTML5 spec is mute about the subject。

contentEditable=false允許在contentEditable=true的另一個元素內部使得元素不可編輯。默認行爲是inherit的值contentEditable，以便可編輯元素的每個子元素也是可編輯的。

您仍然可以刪除不可編輯的元素，但不能編輯它。這在以下代碼片段中演示。

textarea { /* not relevant for the question, only for the demo */ 
 
    display: block; 
 
    width: 500px; 
 
}

<div contentEditable="true"> 
 
    <span>Editable span</span> but 
 
    <span contentEditable="false">This one is not</span> 
 
</textarea>