为何基础HTML与JavaScript仅弹窗正常，输入框无法填充？

你代码里的问题很明确：给输入框赋值时用错了属性。

<input>属于表单输入类元素，这类元素的内容是通过**value属性**来读写的，而不是innerHTML——innerHTML是用来设置/读取包含子节点的容器元素（比如<div>、<p>）的内部HTML内容的，对自闭合的<input>完全不适用。

把代码里的innerHTML替换成value就能解决问题，修复后的代码如下：

<input
  id="sample-field"
  name="sample-field"
  type="text"
/>
<br>
<br>
<button
  type="button"
  id="process-data"
  onclick="
  document.getElementById('sample-field').value = 'Hello';
  alert('Hello');"
>
  Process Data
</button>

点击按钮后，输入框会正常填充"Hello"，同时提示框也会正常弹出。

内容的提问来源于stack exchange，提问作者DNệp