में बेहोश पाठ मैं एक ऑनलाइन फार्म है के लिए: ताकि जब उपयोगकर्ता इस पर क्लिक, यह गायब होभूत पाठ - कैसे पाठ बॉक्स
http://yoursdproperty.com/index.php?option=com_chronocontact&Itemid=56
मैं वहाँ कुछ बेहोश ग्रे पाठ करना चाहते हैं
बिल्कुल इस स्टैक ओवरफ्लो फॉर्म में जैसा है, जहां प्रश्न के शीर्षक में यह कहता है "आपका प्रोग्रामिंग प्रश्न क्या है, वर्णनात्मक हो?"
इसे लागू करने का सबसे आसान तरीका क्या है?
एचटीएमएल 5 में, यह placeholder विशेषता के माध्यम से बहुत आसानी से हासिल किया जाता है - यह सुनिश्चित नहीं है कि अभी कितना व्यापक रूप से समर्थित है।
आपने jQuery, या किसी अन्य जावास्क्रिप्ट ढांचे का कोई जिक्र नहीं किया है, इसलिए मैं आपको शुद्ध जावास्क्रिप्ट समाधान देने जा रहा हूं।
फ़ॉन्ट रंग सेट करने के लिए बॉक्स के मूल्य के आधार पर कुछ बूलियन तर्क। जब उपयोगकर्ता इनपुट पर क्लिक करता है, यदि मान आपके डिफ़ॉल्ट मान के बराबर है, तो आप सामग्री मिटा देते हैं। यदि ऐसा नहीं है, तो आप कुछ भी नहीं करते हैं। जब उपयोगकर्ता बॉक्स छोड़ देता है, यदि मान खाली हैं, तो अपना डिफ़ॉल्ट टेक्स्ट दोबारा जोड़ें।
// Reference our element
var txtContent = document.getElementById("content");
// Set our default text
var defaultText = "Please enter a value.";
// Set default state of input
txtContent.value = defaultText;
txtContent.style.color = "#CCC";
// Apply onfocus logic
txtContent.onfocus = function() {
// If the current value is our default value
if (this.value == defaultText) {
// clear it and set the text color to black
this.value = "";
this.style.color = "#000";
}
}
// Apply onblur logic
txtContent.onblur = function() {
// If the current value is empty
if (this.value == "") {
// set it to our default value and lighten the color
this.value = defaultText;
this.style.color = "#CCC";
}
}
क्या यह HTML में किया जा सकता है? –
नहीं, आप इसे पूरी तरह से HTML में नहीं कर सकते हैं। –
आप this jQuery plugin का उपयोग कर सकते हैं।
बहुत बहुत धन्यवाद! यह निश्चित रूप से पर्याप्त रूप से पर्याप्त समर्थित है, लेकिन फ़ायरफ़ॉक्स और क्रोम इसका समर्थन करता है जो मेरे लिए पर्याप्त से अधिक है –