title: What is the purpose of textContent in an input element?
body: <p>Provided an input element in a DOM, it does have a <code>textContent</code> property along with <code>value</code>.  It is well known that the value of the input is what shown in the text box, and this element cannot have any children, that is <code>&lt;input&gt;something&lt;/input&gt;</code> still gives an empty input followed by a sibling text node, whereas closing tag is completely ignored.  But when we set a value to the <code>textContent</code> of this input, it is somehow survives the round-trip:</p>
  
  <pre><code>input.textContent = 'something'
  console.log(input.textContent)  // this works
  </code></pre>
  
  <p>Also, after setting the property, the input appear as having child elements in the inspector:
  <a href="https://i.stack.imgur.com/II9dR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/II9dR.png" alt="Safari inspector screenshot after setting the text content"></a></p>
  
  <p>Maybe it's just me, but I fail to see any logical consistency here.  Wouldn't it be nice to have a Type Error on setting text content to the input?</p>
  
  <p>Is there any reasoning behind present behaviour?</p>