Название поля формы из 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 код в верстке

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

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

Tweet