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

Question

我在谷歌Chrome中遇到了一些奇怪的问题.

问题是,每当我点击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>