Textarea mất tập trung vào nhấp chuột?

Question

Tôi đang gặp một số sự cố lạ với một vùng văn bản trong Google Chrome.

Vấn đề là, bất cứ khi nào tôi nhấp vào một vùng văn bản trong Google Chrome, nó sẽ mất tập trung ngay lập tức và quay lại hộp nhập trước đó. Vấn đề không xảy ra nếu tôi nhấn phím tab trên bàn phím của mình.

Dưới đây là một .gif cho thấy vấn đề của tôi:

Mã Tôi đang sử dụng là html hợp lệ:

   <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> 

tôi không sử dụng bất kỳ javascript trên trang nào, ngoài thư viện jQuery.

Tôi khá choáng váng về lý do tại sao điều này xảy ra, vì thường thì Internet Explorer cung cấp cho tôi các vấn đề như thế này.

Bất cứ ai có bất kỳ ý tưởng gì là sai?

Answer 1

Thử đóng thẻ nhãn của bạn.

<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

Bạn chưa đóng thẻ nhãn đúng cách. Bạn có <label> khi phải là </label>