Облегченный способ сделать это - плагин labelOver , вы можете увидеть демо здесь .
Ваша разметка выглядит примерно так:
<div class="label">
<label for="applied">Applied</label>
<input type="text" id="applied" />
</div>
Тогда jQuery:
$('label').labelOver('over');
Вы настраиваете CSS для своих нужд, посмотрите пример демонстрационной страницы. Для источника посмотрите здесь , очень легкий. Еще один большой плюс, который делают некоторые альтернативные плагины , а не : он также изящно ухудшается при отключенном JavaScript, и, так как нажатие на метку для ввода фокусирует его в любом браузере, он использует встроенное поведение как падение -назад.
Конечно, есть альтернативы, но, попробовав несколько, я остановился на этом: размер, возможность легко настраивать стили и т. Д.