当我旁边有画布时,为什么我看不到文字输入?

时间:2015-02-15 08:52:51

标签: html5 google-chrome canvas

我有以下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中观看。

1 个答案:

答案 0 :(得分:1)

就我所见,你的canvas标签没有关闭。下面是代码的修改版本,标签已关闭,显示画布和表单。

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

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