<?xml encoding="utf8" version="1.0"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.focus_text {
color:#aaaaaa;
}
</style>
<script language="javascript1.2" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript1.2" type="text/javascript">
$(document).ready(function () {
$('.focus_text').focus(function() {
if ($(this).val() == $(this).attr('title')) {
$(this).val('');
$(this).css({color:'#000000'});
}
});
$('.focus_text').blur(function() {
if ($(this).val() == '') {
$(this).val($(this).attr('title'));
$(this).css({color:'#aaaaaa'});
}
});
});
</script>
</head>
<body>
<div id="divSearch">
<form id="frmSearch" name="frmSearch">
<input type="text" class="focus_text" id="txtQuery" title="Type to Search..." name="txtQuery" value="Type to Search..." />
<input type="text" class="focus_text" id="txtQuery" title="asdf asfd" name="txtQuery" value="asdf asfd" />
<input type="text" class="focus_text" id="txtQuery" title="qwe rqwer asdf" name="txtQuery" />
<input type="text" class="focus_text" id="txtQuery" title="First Name" name="txtQuery" value="First Name" />
<input type="button" value="Search" />
</form>
</div>
</body>
</html>
http://www.atulperx.com/tools/20-fabulous-css3-generator-and-tools-with-multiple-browser-support/
ReplyDelete