<input type="text" value="Search" onfocus="if (this.value =http://www.chinaz.com/Design/Rules/='Search') {this.valuehttp://www.chinaz.com/Design/Rules/= '';}" onblur="if (this.value =http://www.chinaz.com/Design/Rules/='') {this.valuehttp://www.chinaz.com/Design/Rules/= 'Search';}">

<script src="jquery.js"></script>
<script src="modernizr.js"></script>
 
$(document).ready(function(){
 
if(!Modernizr.input.placeholder){
 
$('placeholder').focus(function() {
  var input = $(this);
  if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
  }
}).blur(function() {
  var input = $(this);
  if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
  }
}).blur();
$('placeholder').parents('form').submit(function() {
  $(this).find('placeholder').each(function() {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
  input.val('');
}
  })
});
 
}
 
</script>

inputtype=search {
-webkit-appearance: none;
}
 
inputtype="search"::-webkit-search-decoration,
inputtype="search"::-webkit-search-cancel-button{
display: none;
}