HTML 中按钮文字不显示，通常是因为拼写错误导致 value 属性未被正确识别——本例中误将 value 写成 vaule，致使浏览器忽略该属性，按钮仅渲染为无文本的空元素。

html 中按钮文字不显示，通常是因为拼写错误导致 `value` 属性未被正确识别——本例中误将 `value` 写成 `vaule`，致使浏览器忽略该属性，按钮仅渲染为无文本的空元素。

在 HTML 表单控件中， 的显示文本完全依赖于 value 属性（注意拼写：v-a-l-u-e）。若属性名拼错（如 vaule），浏览器会将其视为无效、未定义的自定义属性，不会用于渲染按钮文本，最终只呈现一个默认样式的空按钮（如您看到的“绿色方块”）。

✅ 正确写法如下：

<input type="button" value="Add to list" onclick="addToList();">

⚠️ 常见误区提醒：

• value 是 元素的标准全局属性，不可拼错；
• 标签支持内部文本（如 Add to list），但 必须通过 value 属性设置文本；
• 浏览器不会报错或警告拼写错误的属性名，因此此类问题需仔细检查 HTML 源码。

? 补充优化建议（提升健壮性）：

• 为避免内联 JavaScript，推荐使用事件监听器替代 onclick：

  document.querySelector('input[type="button"]').addEventListener('click', addToList);

• 添加 id 或 class 便于样式与脚本精准控制：

  <input type="button" id="add-btn" value="Add to list">

? 小结：按钮无文字 ≠ CSS 或 JS 问题，优先排查 value 属性是否存在拼写错误。养成校验 HTML 属性名的习惯，可大幅减少此类低级但隐蔽的 Bug。