Textarea perde l'attenzione al clic del mouse?

Question

Sto riscontrando strani problemi con un'area di testo in Google Chrome.

Il problema è che ogni volta che clicco su un'area di testo in Google Chrome, perderà immediatamente la messa a fuoco e tornerà alla casella di input precedente. Il problema non si verifica se premo il tasto Tab sulla mia tastiera.

Ecco un .gif che mostra il mio problema:

Il codice che sto utilizzando è HTML valido:

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

Non ho ancora utilizzando qualsiasi javascript nella pagina, a parte la libreria jQuery.

Sono abbastanza sbalordito dal motivo per cui questo sta accadendo, come di solito è Internet Explorer che mi dà problemi come questo.

Qualcuno ha idea di cosa c'è che non va?

Answer 1

Prova a chiudere le etichette.

<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

Non hai chiuso correttamente le etichette. Hai <label> quando dovrebbe essere </label>