Удалить значение по умолчанию для ввода текста по клику

Question

У меня есть введенный текст:

<input name="Email" type="text" id="Email" value="email@abc.com" />

Я хочу указать значение по умолчанию, например «Какой у вас вопрос программирования? Будьте конкретны».в StackOverFlow, и когда пользователь щелкает по нему, значение по умолчанию исчезает.

Answer 1

Вот решение jQuery. Я всегда позволяю значению по умолчанию появляться снова, когда пользователь очищает поле ввода.

<input name="Email" value="What's your programming question ? be specific." type="text" id="Email" value="email@abc.com" />

<script>
$("#Email").blur(
    function (){
        if ($(this).val() == "")
            $(this).val($(this).prop("defaultValue"));
        }
).focus(
    function (){
        if ($(this).val() == $(this).prop("defaultValue"))
            $(this).val("");
    }
);
</script>

Answer 2

Зачем удалять значение? это полезно, но почему бы не попробовать CSS

input[submit] {
   font-size: 0 !important;
}

Значение важно для проверки и подтверждения вашего PHP

Answer 3

Вот очень простой JavaScript. У меня отлично работает:

function sFocus (field) {
    if(field.value == 'Enter your search') {
        field.value = '';
    }
    field.className = "darkinput";
}

function sBlur (field) {
    if (field.value == '') {
        field.value = 'Enter your search';
        field.className = "lightinput";
    }
    else {
        field.className = "darkinput";
    }
}