रेडियो बटन के लिए लेबल के अंदर पाठ इनपुट रखें?

Question

मैं विकल्पों का एक समूह निर्दिष्ट करने वाला एक रेडियो समूह बनाने का प्रयास कर रहा हूं, और एक अतिरिक्त विकल्प "अन्य" निर्दिष्ट करने के लिए एक टेक्स्ट इनपुट के साथ। इस विशेष रेडियो बटन मैं उपयोग कर रहा हूँ के लिए कोड

<input type='radio' name='RadioInput' value='Other' id='RadioInput_Other' /> 
    <label for='RadioInput_Other'>Ohter: 
    <input type='text' name='RadioInput_Other_Value' id='RadioInput_Other_Value' value='' /> 
    </label> 

विचार यह है कि अगर आप पाठ इनपुट के लिए ध्यान केंद्रित करने देना, रेडियो यह करने के लिए इसी बटन चुना जाता है। उपर्युक्त कोड लगभग यह करता है (चूंकि टेक्स्ट इनपुट लेबल के अंदर है)। हालांकि, यह रेडियो बटन पर ध्यान केंद्रित करता है (जो परेशान है, क्योंकि जो कुछ भी आप टाइप करते हैं वह खो जाता है)।

क्या एक्सएचटीएमएल 1.0/सीएसएस 2 का उपयोग करके इसे रोकने का कोई तरीका है? पसंदीदा जावास्क्रिप्ट का उपयोग किए बिना।

Answer 1

लेबल के अंदर एक नियंत्रण रखना जो उस नियंत्रण के साथ लेबल करता है, और आपके पास केवल एक लेबल से जुड़े एक नियंत्रण हो सकता है। इसलिए यह गैर-अनुरूप एचटीएमएल है।

जावास्क्रिप्ट यहां बेहतर विकल्प है।