Textarea失去了鼠标点击的焦点？

Question

我在Google Chrome中遇到一些textarea的奇怪问题。

问题是，每当我点击Google Chrome中的textarea时，它都会立即失去焦点，然后返回上一个输入框。如果我按下键盘上的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>

Answer 2

您尚未正确关闭标签代码。如果<label>

，则</label>为{{1}}