Textbox style as watermark image in html

-
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script> 
<style type="text/css">
.UsernameCss { color:#9B9B9B; }
</style>
<script type="text/javascript">
$("txtUserName").addClass("UsernameCss").val("Username")
.focus(function(){ if($(this).val() == "Username") { $(this).removeClass("UsernameCss").val(""); } })
.blur(function(){ if($(this).val() == "") { $(this).val("Search").addClass("UsernameCss"); } });
</script>
</head>
<body><input id="txtUserName" name="txtUserName" type="text" />
</body>
</html>

Tag: css, input, jquery, jquery watermark for textbox, textbox, watermark 

Comments

Post a Comment

Popular posts from this blog

Create Desktop Application with PHP

-
Image
Here we will show you how you can create a web-based desktop application using PHP, CSS, HTML, and JavaScript with the help of PHP Desktop. In fact, PHP Desktop is an easy and simple solution we can use to create very powerful and complex desktop application. What Is PHP Desktop? PHP Desktop is an open source project founded by Czarek Tomczak in 2012 to provide a way for developing native desktop GUI applications using web technologies such as PHP, HTML5, JavaScript and SQLite. Mind you, the development workflow you are used to while creating web applications remains the same. The step of turning an existing website into a desktop application is basically a matter of copy and paste. PHPDesktop is an all-made container that will just swallow your project. With that, you can easily transform an existing website into a desktop application without any modification. When you download PHP Desktop , you will have some set of files and folders; among them you will have a ...
Read more

Python Interview Questions and Answers for Freshers

-
1. What are the key features of Python? If it makes for an introductory language to programming, Python must mean something. These are its qualities: Interpreted Dynamically-typed Object-oriented Concise and simple Free Has a large community 2. Differentiate between lists and tuples. The major difference is that a list is mutable, but a tuple is immutable. Examples: >>> mylist=[1,3,3] >>> mylist[1]=2 >>> mytuple=(1,3,3) >>> mytuple[1]=2 Traceback (most recent call last): File “<pyshell#97>”, line 1, in <module> mytuple[1]=2 TypeError: ‘tuple’ object does not support item assignment 3. Explain the ternary operator in Python. Unlike C++, we don’t have ?: in Python, but we have this: [on true] if [expression] else [on false] If the expression is True, the statement under [on true] is executed. Else, that under [on false] is executed. Below is how you would use it: >>> a,b=2,3 >...
Read more

Python Interview questions and answers for experienced

-
1. What is a dictionary in Python? A python dictionary is something I have never seen in other languages like C++ or Java programming. It holds key-value pairs. >>> roots={25:5,16:4,9:3,4:2,1:1} >>> type(roots) - Output: <class ‘dict’> >>> roots[9] - Output: 3 A dictionary is mutable, and we can also use a comprehension to create it. >>> roots={x**2 for x in range(5,0,-1)} >>> roots {25: 5, 16: 4, 9: 3, 4: 2, 1: 1} 2. Explain the //, %, and ** operators in Python. The // operator performs floor division. It will return the integer part of the result on division. >>> 7//2 - Output: 3 Normal division would return 3.5 here. Similarly, ** performs exponentiation. a**b returns the value of a raised to the power b. >>> 2**10 - Output: 1024 Finally, % is for modulus. This gives us the value left after the highest achievable division. >>> 13%7 - Output: 6 >...
Read more