Тект в форме по умолчанию. Замена пустого значения в форме.
1. Подключаем jquery.
<script src="jquery.js" type="text/javascript"></script> |
2. Оформляем текст, которые будет отображаться при пустом значении поля в форме.
<style media="screen" type="text/css">
.defaultTextActive { color: #a1a1a1; font-style: italic; }
</style> |
4.Скриптик замены текста в форме, при пустом значении:
<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 в качестве текста замены.
<input class="defaultText" title="Ваше Имя" type="text" />
|
Готово.
Обновление! Баг в опере. При пустом значении поля в качестве отправляемых данных берется текст примера из поля TITLE.
Как исправить? После $( ".defaultText" ).blur() ; написать:
$(".submit").click(function() {
if($(".defaultText").attr("title") == $(".defaultText").val()){
$(".defaultText").val("");
}
}); |
