यदि "मान" फ़ील्ड खाली है तो प्लेसहोल्डर विशेषता को कैसे जोड़ें

Question

यदि आपके पास टेक्स्ट इनपुट फ़ील्ड है जिसमें "मान" संपत्ति है, तो प्लेसहोल्डर विशेषता (प्लेसहोल्डर टैग, "डिफ़ॉल्ट" और समान दृष्टिकोण) जोड़ने का कोई तरीका नहीं है। खाली?

मैंने यहां कई समान प्रश्न देखे हैं, लेकिन उनमें से अधिकांश डिफ़ॉल्ट रूप से उपयोग करते हैं। मुझे प्लेसहोल्डर टैग की आवश्यकता है और इसके अतिरिक्त मैं HTML आउटपुट को बिल्कुल प्रभावित नहीं कर सकता।

यह दिया गया HTML उत्पादन उदाहरण है:

<input type="text" value="" name="textbox" id="edit-textbox"> 

Answer 1

मैं निम्नलिखित तरीकों में से किसी भी एक सुझाव देंगे के लिए है।

JS Fiddle demo using el.placeholder = $('label[for=' + el.id + ']').text()।

या आप विभिन्न प्लेसहोल्डर स्टोर करने के लिए एक सरणी इस्तेमाल कर सकते हैं:

var placeholders = ['Email address', 'favourite color']; 

$('input:text').each(
    function(i,el) { 
     if (!el.value || el.value == '') { 
      el.placeholder = placeholders[i]; 
     } 
    });​ 

JS Fiddle demo।

एक विशेष तत्व के लिए एक विशेष प्लेसहोल्डर निर्दिष्ट करने के लिए:

var placeholders = { 
    'one' : 'Email address', 
    'two' : 'Favourite color' 
}; 

$('input:text').each(
    function(i,el) { 
     if (!el.value || el.value == '') { 
      el.placeholder = placeholders[el.id]; 
     } 
    });​ 

JS Fiddle demo।

जोड़ा घटना है कि एक प्रवेश प्लेसहोल्डर में मौजूद नहीं है में एक पकड़ने/फॉल-बैक एक विशेष input के लिए वस्तु:

var placeholders = { 
    'oe' : 'Email address', // <-- deliberate typo over there 
    'two' : 'Favourite color' 
}; 

$('input:text').each(
    function(i,el) { 
     if (!el.value || el.value == '') { 
      el.placeholder = placeholders[el.id] || ''; 
     } 
    });​ 

JS Fiddle demo।

Answer 2

आप एचटीएमएल 5 का उपयोग कर रहे हैं (और आप चाहिए) वहाँ एक देशी प्लेसहोल्डर विशेषता है तो।

<input type="text" value="" placeholder="My placeholder!" name="textbox" id="edit-textbox"> 

संपादित

जैसा कि आपने कहा है कि आप HTML संपादित नहीं कर सकते और जे एस का उपयोग करने के लिए है, यह मदद मिल सकती है।

$ ('# संपादित करें-टेक्स्टबॉक्स')। Attr ('प्लेसहोल्डर', 'मेरा प्लेसहोल्डर!');

$('input:text').each(
    function(i,el) { 
     if (!el.value || el.value == '') { 
      el.placeholder = 'placeholdertext'; 
      /* or: 
      el.placeholder = $('label[for=' + el.id + ']').text(); 
      */ 
     } 
    }); 

JS Fiddle demo using el.placeholder = 'placeholdertext':

एक बार फिर, इस HTML 5.

Answer 3

(function($) { 

    $('#edit-textbox').attr('placeholder','Your placeholder text'); 

})(jQuery);