Тект в форме по умолчанию. Замена пустого значения в форме. JQUERY (jquery)

Тект в форме по умолчанию. Замена пустого значения в форме.

1. Подключаем jquery.

Code: JavaScript

<script src="jquery.js" type="text/javascript"></script>

2. Оформляем текст, которые будет отображаться при пустом значении поля в форме. <

Code: CSS

<style media="screen" type="text/css">
    .defaultTextActive { color: #a1a1a1; font-style: italic; }
</style>

4.Скриптик замены текста в форме, при пустом значении:

Code: JavaScript

<script language="javascript">
<!--
$(document).ready(function()
{
    $( ".defaultText" ).focus(function(srcc)
    {
        if ($(this).val() == $(this)[0].title)
        {
            $(this).removeClass( "defaultTextActive" ) ;
            $(this).val( "" ) ;
        }
    }) ;
    
    $( ".defaultText" ).blur(function()
    {
        if ($(this).val() == "" )
        {
            $(this).addClass( "defaultTextActive" ) ;
            $(this).val($(this)[0].title) ;
        }
    }) ;
    
    $( ".defaultText" ).blur() ;        
}) ;
//-->
</script>

5. Добавьте класс "defaultText" к нужному вам полю и title в качестве текста замены.

Code:

<input class="defaultText" title="Ваше Имя" type="text" />

Готово. Обновление! Баг в опере. При пустом значении поля в качестве отправляемых данных берется текст примера из поля TITLE. Как исправить? После $( ".defaultText" ).blur() ; написать:

Code: JavaScript

$(".submit").click(function() {
	     if($(".defaultText").attr("title") == $(".defaultText").val()){
		    $(".defaultText").val("");
		  }
     });

jquery

mColorPicker for jquery 1.10 / mColorPicker для jquery старше 1.8
liLanding - jQuery Landing Navigation или навигация по лендингу на jQuery
Трясущие объекты и красивый скролл эффект