Textarea verliert den Fokus auf Mausklick?

Question

Ich habe einige seltsame Probleme mit einem Textbereich in Google Chrome.

Das Problem ist, wenn ich auf ein Textfeld in Google Chrome klicke, verliert es sofort den Fokus und kehrt zum vorherigen Eingabefeld zurück. Das Problem tritt nicht auf, wenn ich die Tabulatortaste auf meiner Tastatur drücke.

Hier ist eine .gif zeigt mein Problem:

Der Code i gültig html bin mit ist:

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

Ich bin kein Javascript auf der Seite mit noch, abgesehen von der jQuery-Bibliothek.

Ich bin ziemlich betäubt, warum dies passiert, da es normalerweise Internet Explorer ist, der mir solche Probleme gibt.

Jeder hat eine Idee, was los ist?

Answer 1

Versuchen Sie, Ihre Etikett-Tags zu schließen.

<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

Sie haben Ihre Etikettentags nicht ordnungsgemäß geschlossen. Sie haben <label>, wenn es </label>