当我旁边有一个画布时，为什么我看不到文本输入？答案

【问题标题】：Why can't I see a text input when I have a canvas next to it?当我旁边有一个画布时，为什么我看不到文本输入？
【发布时间】：2015-02-15 17:02:44
【问题描述】：

我有以下 HTML：

<html>
<body>
<canvas id="kartina" width="100" height="100">
<form>
<input type="text" id="xyz" value="abc">
</form>
</body>
</html>

输入框不出现。但是，当我像这样注释掉canvas 时：

<html>
<body>
<!--<canvas id="kartina" width="100" height="100">-->
<form>
<input type="text" id="xyz" value="abc">
</form>
</body>
</html>

那么输入框就可见了。

为什么画布阻止文本框显示？是覆盖它吗？如果是这样，我该如何强制它们位于页面的不同部分？

编辑：我在 Chrome 中查看。

【问题讨论】：

标签： html google-chrome canvas

【解决方案1】：

就我所见，您的画布标签未关闭。以下是您的代码的修改版本，其中关闭了标签，同时显示了画布和表单。

<html>
<body>
<canvas  id="kartina" width="100" height="100">    **</canvas>**
<form>
 <input type="text" id="xyz" value="abc" />
</form>
</body>
</html>

希望这会有所帮助:-)。

【讨论】：

是的，就是这样。以前，当画布是正文中的唯一元素时，这不是问题。我会在几分钟内接受。