Функция OffClick ()

Question

Итак, у меня есть эта контактная форма, и я хочу поместить текст внутри каждого ввода, когда пользователь нажимает на него, текст исчезает, чтобы они могли добавлять материал - когда пользователь нажимает на что-то еще, он появляется снова.Я сделал это с метками и отрицательным полем вместе с относительной позицией.Я планирую добавить функцию onclick для каждого входа.

Мой вопрос - есть ли функция, которая похожа на Offclick ()?Или что-то похожее на mouseOver () и MouseOut ()?

Answer 1

Текстовые входы имеют onblur, а в полях выбора есть onchange события, которые можно связать.

<input type="text" id="UserName" name="UserName" value="Placeholder ..." />

<script type="text/javascript">
var el = document.getElementById("UserName");
var original_text = el.value;
el.onblur = function() {
    // `this` is set to the input element by the browser
    if ( ! this.value ) {
        this.value = original_text;
    }
};
</script>

С jQuery это еще проще:

var el = $("#UserName");
var original_text = el.val();
el.blur(function(){
    // `this` is set to the input element by jQuery.
    if ( ! this.value ) {
        this.value = original_text;
    }
 });

Answer 2

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

$("input[type=text]").bind("focus",function(){
var $this = $(this);
if($this.attr("title") ==$this.val()){
$this.val('');
}).bind("blur",function(){

var $this = $(this);
if($this.val() ==''){
$this.val($this.attr("title"));
});

или вы можете использовать готовое решение, например: http://code.google.com/p/jquery-watermark/