प्लेसहोल्डर पाठ मैच के लिए एक इनपुट चौड़ाई सेट कैसे चौड़ाई

Question

उदाहरण http://dabblet.com/gist/5859946

आप एक लंबे प्लेसहोल्डर है, तो डिफ़ॉल्ट रूप से इनपुट इतना चौड़ा प्रदर्शित नहीं करता है सब प्लेसहोल्डर पाठ को दिखाने के लिए।

उदा।

<input placeholder="Please enter your name, address and shoe size"> 

एक निश्चित चौड़ाई निर्धारित करने के बिना, और अधिमानतः कोई जावास्क्रिप्ट नहीं, क्या आप सभी प्लेसहोल्डर टेक्स्ट दिखाने के लिए इनपुट सेट कर सकते हैं?

Answer 1

यह आकार = प्लेसहोल्डर लंबाई निर्धारित करके जावास्क्रिप्ट के माध्यम से ही किया जा सकता है: http://jsfiddle.net/KU5kN/

Answer 2

शायद ज़रुरत पड़े कोई चाहता है:

input.setAttribute('size',input.getAttribute('placeholder').length); 

यहाँ एक कोड है कि खुराक है कि सभी आदानों के लिए है jQuery के साथ इसका उपयोग करें, वह कोड नीचे होगा। साथ ही, यदि placeholder विशेषता स्वीकार्य उत्तर में मौजूद नहीं है, तो आपको त्रुटियां मिलेंगी, जिन्हें नीचे दिए गए jQuery उदाहरण में भी ध्यान दिया जाता है।

$("input[placeholder]").each(function() { 
     $(this).attr('size', $(this).attr('placeholder').length); 
    });