क्लिक किए जाने पर HTML फ़ील्ड में टेक्स्ट गायब होने के लिए?

Question

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

Answer 1

इस तरह कुछ कैसे?

<input name="myvalue" type="text" onfocus="if(this.value=='enter value')this.value='';" onblur="if(this.value=='')this.value='enter value';">

यह पहली बार ध्यान केंद्रित पर साफ हो जाएगा, लेकिन फिर बाद में केंद्रित पर स्पष्ट के बाद उपयोगकर्ता जब खाली छोड़ दिया यह देखते हुए मूल्य को पुनर्स्थापित करता है उनके मूल्य, में प्रवेश करती है नहीं होगा।

Answer 2

कि पूरा करने के लिए, आप onFocus दो घटनाओं और onBlur उपयोग कर सकते हैं:

<input type="text" name="theName" value="DefaultValue" 
    onblur="if(this.value==''){ this.value='DefaultValue'; this.style.color='#BBB';}" 
    onfocus="if(this.value=='DefaultValue'){ this.value=''; this.style.color='#000';}" 
    style="color:#BBB;" /> 

Answer 3

क्या आप का उपयोग कर रहा है एचटीएमएल 5 विशेषता placeholder जो आप अपने इनपुट बॉक्स के लिए एक डिफ़ॉल्ट मान सेट करने देता है क्या करना चाहते हैं:

<input type="text" name="inputBox" placeholder="enter your text here">

यह जो आप खोज रहे हैं उसे प्राप्त करना चाहिए। हालांकि, सावधान रहें क्योंकि प्लेसहोल्डर विशेषता इंटरनेट एक्सप्लोरर 9 और पुराने संस्करणों में समर्थित नहीं है।

Answer 4

इसे आजमाएं।

<label for="user">user</label> 
<input type="text" name="user" 
onfocus="if(this.value==this.defaultValue)this.value=''"  
onblur="if(this.value=='')this.value=this.defaultValue" 
value="username" maxlength="19" /> 

उम्मीद है कि इससे मदद मिलती है।

<input name="myvalue" id="valueText" type="text" value="ENTER VALUE"> 

यह आपके सबमिट बटन है:

<input type="submit" id= "submitBtn" value="Submit"> 

तो एक js फ़ाइल में इस छोटे jQuery डाल:

Answer 5

यह मैं समाधान है कि आपके सभी समस्याओं का समाधान करना चाहिए लगता है के रूप में सरल है

//this will submit only if the value is not default 
$("#submitBtn").click(function() { 
    if ($("#valueText").val() === "ENTER VALUE") 
    { 
     alert("please insert a valid value"); 
     return false; 
    } 
}); 

//this will put default value if the field is empty 
$("#valueText").blur(function() { 
    if(this.value == ''){ 
     this.value = 'ENTER VALUE'; 
    } 
}); 

//this will empty the field is the value is the default one 
$("#valueText").focus(function() { 
    if (this.value == 'ENTER VALUE') { 
     this.value = ''; 
    } 
}); 

और यह पुराने ब्राउज़र में भी काम करता है। इसके अलावा यदि आपको आवश्यकता हो तो इसे आसानी से सामान्य जावास्क्रिप्ट में परिवर्तित किया जा सकता है।

Answer 6

इस के रूप में सरल: <input type="text" name="email" value="e-mail..." onFocus="this.value=''">