2013-06-21 11 views
6

मेरे पास यह इनपुट है, हर बार जब हम इसके अंदर क्लिक करेंगे तो यह साफ़ हो जाएगा।एचटीएमएल जावास्क्रिप्ट का उपयोग कर इनपुट कैसे साफ़ करें?

समस्या: मैं स्पष्ट करने के लिए केवल तभी मूल्य = [email protected]

<script type="text/javascript"> 
    function clearThis(target){ 
     target.value= ""; 
    } 
    </script> 
<input type="text" name="email" value="[email protected]" size="30" onfocus="clearThis(this)"> 

किसी ने मुझे यह करने के लिए मदद कर सकते हैं करना चाहते हैं? मुझे नहीं पता कि तुलना कैसे करें, मैंने पहले ही कोशिश की लेकिन कोई सफलता नहीं मिली।

+2

आप 'placeholder' विशेषता के लिए देख रहे है। – SLaks

+0

आईई 8 मूल रूप से 'प्लेसहोल्डर' विशेषता – Vikram

उत्तर

17
<script type="text/javascript"> 
    function clearThis(target){ 
     if(target.value=='[email protected]'){ 
     target.value= "";} 
    } 
    </script> 

यह वास्तव में आपके लिए क्या देख है?

0

इस प्रयास करें:

<script type="text/javascript"> 
function clearThis(target){ 
    if(target.value == "[email protected]") 
    { 
     target.value= ""; 
    } 
} 
</script> 

2

आप विशेषता का उपयोग कर सकते हैं placeholder

<input type="text" name="email" placeholder="[email protected]" size="30" /> 

या इस के लिए कोशिश पुराने ब्राउज़र

<input type="text" name="email" value="[email protected]" size="30" onblur="if(this.value==''){this.value='[email protected]';}" onfocus="if(this.value=='[email protected]'){this.value='';}"> 
+1

और IE 9 और पुराने के बारे में क्या समर्थन नहीं करता है? – Ian

1

आपको इससे परेशान करने की आवश्यकता नहीं है। बस लिखने

<input type="text" name="email" placeholder="[email protected]" size="30"> 

प्लेसहोल्डर

1

साथ मूल्य की जगह आप एक प्लेसहोल्डर इस्तेमाल कर सकते हैं, क्योंकि यह आप के लिए यह करता है, लेकिन पुराने ब्राउज़रों कि प्लेसहोल्डर का समर्थन नहीं करते के लिए, इस प्रयास करें:

<script> 
function clearThis(target) { 
    if (target.value == "[email protected]") { 
     target.value = ""; 
    } 
} 
function replace(target) { 
    if (target.value == "" || target.value == null) { 
     target.value == "[email protected]"; 
    } 
} 
</script> 
<input type="text" name="email" value="[email protected]" size="x" onfocus="clearThis(this)" onblur="replace(this)" /> 

कोड निर्दिष्ट: जब टेक्स्ट बॉक्स फोकस किया गया है, तो मान साफ़ करें। जब टेक्स्ट बॉक्स फोकस नहीं होता है और जब बॉक्स खाली होता है, तो मान को प्रतिस्थापित करें।

मुझे उम्मीद है कि काम करता है, मुझे एक ही समस्या है, लेकिन फिर मैंने कोशिश की और यह मेरे लिए काम किया।

0
बजाय समाशोधन नाम पाठ प्लेसहोल्डर का उपयोग की

विशेषता यह अच्छा अभ्यास

<input type="text" placeholder="name" name="name"> 
संबंधित मुद्दे

 संबंधित मुद्दे