इनपुट विशेषता प्लेसहोल्डर

प्लेसहोल्डर के रूप में इस तरह के एक अद्भुत विशेषता का उपयोग करने का विषय पहले ही उठाया जा चुका है। और यहां तक ​​कि उदाहरण js पर दिए गए थे (हम शब्द प्लेसहोल्डर के लिए खोज करते हैं)। और एक से अधिक बार, निराशा व्यक्त की गई थी, क्योंकि IE डेटा में विशेषता निष्पादित नहीं की गई है।

विशेषता ही बहुत उपयोगी है। रूपों (विशेष रूप से पॉप-अप रूपों में) बनाते समय अंतरिक्ष को बचाने के लिए विशेष रूप से मनभावन। इसलिए, यह विशेषता को छोड़ने का फैसला नहीं किया गया था, लेकिन बस इसे स्वयं और इंटरनेट एक्सप्लोरर घोषित करने में मदद करने के लिए। JQuery को मदद करने के लिए बुलाया गया था।

निर्माण प्रक्रिया के दौरान मेरी कार्यशाला पड़ोसी ने चिल्लाया, "इसे एक प्लगइन के साथ करें", लेकिन चूंकि प्लगइन को अभी भी कॉल की आवश्यकता है, इसलिए मैंने परेशान करने और इसे एक सामान्य स्क्रिप्ट बनाने का फैसला किया।

JQ समाधान सरल और निंदनीय है। आप कोड को कहीं भी एम्बेड कर सकते हैं (ज़ाहिर है, "स्क्रिप्ट" टैग को नहीं भूल सकते)।

$(document).ready(function() { /* Placeholder for IE */ if($.browser.msie) { //      IE $("form").find("input[type='text']").each(function() { var tp = $(this).attr("placeholder"); $(this).attr('value',tp).css('color','#ccc'); }).focusin(function() { var val = $(this).attr('placeholder'); if($(this).val() == val) { $(this).attr('value','').css('color','#303030'); } }).focusout(function() { var val = $(this).attr('placeholder'); if($(this).val() == "") { $(this).attr('value', val).css('color','#ccc'); } }); /* Protected send form */ $("form").submit(function() { $(this).find("input[type='text']").each(function() { var val = $(this).attr('placeholder'); if($(this).val() == val) { $(this).attr('value',''); } }) }); } }); 

खुशी के साथ लेआउट।

पुनश्च मैंने पहले ही खेतों में पाठ के रंग के लिए एक टिप्पणी की है, और इस तथ्य के लिए कि विशेषता का उपयोग न केवल पाठ क्षेत्रों (प्रकार = "पाठ") द्वारा किया जाता है। निश्चित रूप से मुझे इस बारे में पता है, और शायद थोड़ी देर बाद मैं इस स्क्रिप्ट को और अधिक सुपाच्य संस्करण में संशोधित करूंगा। लेकिन जब उन्हें मुख्य मानदंड बनाया गया, तो वह "तेज, सस्ता और हंसमुख" था और वह एक समान कार्य के साथ मुकाबला किया। और स्क्रिप्ट की बहुमुखी प्रतिभा के लिए ... चलो यह करते हैं, बस थोड़ी देर बाद।