नापसंद पृष्ठभूमि छवि के साथ इनपुट - सीएसएस-ट्रिक्स

यह मानक एम्बेड करने योग्य Google खोज फ़ील्ड की कार्यक्षमता को दोहराता है। उनकी पृष्ठभूमि में एक छवि है और जब इनपुट पर क्लिक किया जाता है, तो छवि गायब हो जाती है।

 Search 

जावास्क्रिप्ट फॉर्म मार्कअप के नीचे:

 (function() ( var id = document.getElementById('search-form'); if (id && id.txtInput) ( var name = id.txtInput; var unclicked = function() ( if (name.value == '') ( name.style.background = '#FFFFFF url(images/googbg.png.webp) left no-repeat'; ) ); var clicked = function() ( name.style.background = '#ffffff'; ); name.onfocus = clicked; name.onblur = unclicked; unclicked(); ) ))(); 

डेमो देखें