Нужна идея для реализации поля имени формы регистрации Yahoo в asp.net

Question

Я хочу сделать ту же функциональность для поля имени и поля фамилии на странице регистрации Yahoo. Когда я нажимаю на текстовое поле. Текст по умолчанию исчезает. И когда я теряю фокус из того же текстового поля, текст по умолчанию появляется снова. Вот страница регистрации Yahoo. Как я могу это сделать. Я хочу сделать точно такой же функционал. Можете ли вы предложить мне идею, как это сделать

https://in.edit.yahoo.com/registration?intl=in&done=http%3A%2F%2Fmail.yahoo.com&src=ym&last=&partner=yahoo_default&domain=&yahooid=&ipmsg=in

Answer 1

Если вы используете AJAX, вы можете использовать TextBoxWatermark, который является расширением ajax asp.net. Это, наверное, самый простой способ сделать это. Если вы не используете ajax, вы можете использовать JS.

Если вы хотите, вы можете сделать это в jquery:

    $(document).ready(function() {
     var w = "Search...";
    if($("#txtS").val() == "") {
     $("#txtS").val(watermark);
    }
$("#txtS").focus(function() {
if(this.value == watermark) {
 this.value="";
}
}).blur(function() {
if(this.value=="") {
this.value = watermark;
}});
});

Первая функция устанавливает водяной знак. Функция фокусировки проверяет, устанавливаете ли вы фокус на первоначальный водяной знак. Если это так, текстовое поле становится пустым. Когда вы покидаете текстовое поле (размытие), если вы ничего не печатали, оно возвращается к водяному знаку. Большинство примеров можно найти на codedigest или на сайте jquery.