पासवर्ड फ़ील्ड के लिए लेबल

Question

<input type="text" value="useraname" /> 
<input type="password" value="password" /> 

मैं क्लिक/फोकस पर इनलाइन लेबल गायब होने के लिए jQuery का उपयोग कर रहा हूं। पासवर्ड सामान्य रूप से बैल दिखाता है, लेकिन मुझे आश्चर्य है कि क्या पासवर्ड फ़ील्ड के अंदर टेक्स्ट (लेबल के बजाय ••••) के रूप में "पासवर्ड" लेबल दिखाना संभव है?

जोड़ने के लिए संपादित: मैं चाहता हूं कि उपयोगकर्ता द्वारा टाइप किया गया पासवर्ड छिपे रहें!

धन्यवाद

Answer 1

इसके लिए प्लगइन हैं। उदाहरण के लिए labelify देखें

Answer 2

आप इनपुट प्रकार करते हैं = "पाठ बॉक्स" आप पासवर्ड को देखने के लिए सक्षम हो जाएगा।

Answer 3

मुझे लगता है कि ऐसा करने के लिए आपको पासवर्ड क्षेत्र के शीर्ष पर < इनपुट प्रकार = "टेक्स्ट" > गतिशील रूप से ओवरले करना होगा।

Answer 4

नीचे दिए गए कोड को देखें। किसी भी इनपुट तत्व के लिए बस addPassClear("Password") संलग्न करें जिसे आप इस कार्यक्षमता के लिए चाहते हैं।

$(function() { 
$.fn.addPassClear = 
function(text) 
{ 
    return $(this).each(
    function() 
    { 
    $(this).focus(function(event){$(this).passFocusize(text); $(this).select(); }); 
    $(this).blur(function(event){$(this).passBlurize(text); }); 
    }); 
} 
$.fn.passFocusize = 
function(text) 
{ 
    return $(this).each(
    function() 
    { 
    if ($(this).val()==text && $(this).attr("type")=="text") 
    { 
     $(this).val(""); 
     this.type="password"; 
    } 
    }); 
}; 
$.fn.passBlurize = 
function(text) 
{ 
    return $(this).each(
    function() 
    { 
    if ($(this).val()=="") 
    { 
     $(this).val(text); 
     this.type="text"; 
    } 
    }); 
}; 
}; 

Answer 5

क्यों सभी लंबी लिपि के लिए? कि एक साधारण कार्य है जो कोड का आधा लाइन के साथ किया जा सकता है जूस:

<input type='text' onclick="this.type='password',value=''" class='watever' value='password'..etc 

चियर्स

Answer 6

चेक इन-फील्ड jQuery प्लगइन लेबल http://fuelyourcoding.com/scripts/infield/

Answer 7

मेरे समाधान क्या दान ऊपर प्रदान के करीब है ।

<script language="javascript" type="text/javascript"> 
    function SwapLabel(id, label, alttype) { 
     $(id).focus(function() { 
      if (this.value == label) { 
       this.value = ""; 
       if (this.type == 'text' && label == 'Password') { 
        this.type = alttype; 
       } 
      } 
     }); 
     $(id).blur(function() { 
      if (this.value == "") { 
       this.value = label; 
       if (this.type == alttype && label == 'Password') { 
        this.type = 'text'; 
       } 
      } 
     }); 
    } 
    $(document).ready(function() { 
     SwapLabel('#UserName', 'Username', ''); 
     SwapLabel('#Password', 'Password', 'password'); 
    }); 
</script> 

एक वैकल्पिक यहाँ "लेबल" पैरामीटर छोड़, और बस का उपयोग "शीर्षक" मूल्य है, जो मूल रूप से labelify.js क्या करता होगा। आप लेबलिफ़ के हिस्से में जोड़ सकते हैं जो कि यदि आप चाहें तो टाइप इवेंट के सभी इनपुट पर इन ईवेंट हैंडलर को लागू करते हैं। या labelify डाउनलोड करने और नीचे दिए गए कोड जहां जरूरत जोड़ें:

  if (this.type == 'text' && label == 'Password') { 
       this.type = alttype; 
      } 

      if (this.type == 'text' && label == 'Password') { 
       this.type = alttype; 
      } 

केवल लाभ से अधिक labelify है कि यह अपने मूल सवाल का जवाब भी शामिल है मेरी स्निपेट है: मैं करने के लिए किसी भी तरह अपनी यदि संभव हो तो आश्चर्य

पासवर्ड फ़ील्ड के अंदर टेक्स्ट (लेबल के बजाय ••••) के रूप में "पासवर्ड" लेबल दिखाएं?