Textareaはマウスクリックに焦点を当てませんか？

Question

Google Chromeのテキストエリアに奇妙な問題があります。

問題は、Google Chromeでテキストエリアをクリックするたびに、すぐにフォーカスが失われ、前の入力ボックスに戻ります。キーボードのTabキーを押しても問題は発生しません。

はここに私の問題を示す.GIFです：

私が使用しているコードは有効なHTMLである：私はまだページ上の任意のJavaScriptを使用していない

   <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ライブラリとは別に

これは通常、このような問題を引き起こすのは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

ラベルタグを正しく閉じていません。アニメーションGIFの場合、<label>があります。</label>