Сайт веб-разработчика Николая Семенцова

Партнер компании 1с-битрикс

Название поля формы из title

Часто на сайте нужно  что бы название поля было не где то рядом а внутри  его и при клике исчезало   например это часто используется в поиске .



Реализуем это с помощью jquery  подключим библиотеку



   

Файл со скриптом

$(document).ready(function(){
 
  /* for the input form */
   $('input[title]').each(function() {
      if($(this).val() === '') {$(this).val($(this).attr('title'));}
 
      $(this).focus(function() {
          if($(this).val() === $(this).attr('title')) {$(this).val('').addClass('focused');}
      });
 
      $(this).blur(function() {
          if($(this).val() === '') {$(this).val($(this).attr('title')).removeClass('focused');}
      });
   });
 
});

И сам html код в верстке

 

 

Файл со скриптом

Опубликовано: 6 Сентября 2011




Помогла заметка? Жмите кнопки ниже


ВКонтакт Facebook Google Plus Одноклассники Twitter Яндекс Livejournal Liveinternet Mail.Ru





comments powered by Disqus

Партнер 1c-bitrix