Textarea माउस क्लिक पर ध्यान केंद्रित खो देता है?

Question

मुझे Google क्रोम में टेक्स्टरेरा के साथ कुछ अजीब समस्याएं आ रही हैं।

समस्या यह है कि जब भी मैं Google क्रोम में टेक्स्टरेरा पर क्लिक करता हूं, तो यह तुरंत ध्यान केंद्रित कर देगा, और पिछले इनपुट बॉक्स पर वापस जायेगा। अगर मैं अपने कीबोर्ड पर टैब कुंजी दबाता हूं तो समस्या नहीं होती है।

यहाँ मेरी समस्या दिखा एक .gif है:

कोड मैं उपयोग कर रहा हूँ मान्य एचटीएमएल है:

   <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 पुस्तकालय के अलावा।

मैं इस बात से बहुत डर गया हूं कि यह क्यों हो रहा है, क्योंकि यह आमतौर पर इंटरनेट एक्सप्लोरर है जो मुझे इस तरह की समस्याएं देता है।

किसी को भी कोई विचार है कि क्या गलत है?

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

आपने अपने लेबल टैग को ठीक से बंद नहीं किया है। आपके पास <label> है जब यह एनिमेटेड gif के लिए </label>