html - Textarea 失去对鼠标单击的关注？

Question

我在使用 Google Chrome 中的文本区域时遇到了一些奇怪的问题。

问题是，每当我在 Google Chrome 中点击文本区域时，它会立即失去焦点，并返回到上一个输入框。如果我按键盘上的 Tab 键，问题就不会发生。

这是显示我的问题的 .gif:

我使用的代码是有效的 html:

                <div class="inputborder rounded">
                    <label>Celebrity 1<label>
                    <div class="newline"></div>
                    <input type="text"/>
                    <div class="newline"></div>
                    <label>Tweet 1<label>
                    <div class="newline"></div>
                    <textarea>Y U NO WORK?!</textarea>
                    <div class="newline"></div>
                </div>

除了 jQuery 库之外，我还没有在页面上使用任何 javascript。

我很惊讶为什么会这样，因为通常是 Internet Explorer 给我这样的问题。

谁知道哪里出了问题？

Answer 1

尝试关闭标签标签。

<div class="inputborder rounded">
        <label>Celebrity 1</label>
        <div class="newline"></div>
        <input type="text"/>
        <div class="newline"></div>
        <label>Tweet 1</label>
        <div class="newline"></div>
        <textarea>Y U NO WORK?!</textarea>
        <div class="newline"></div>
</div>