Masukan Yang Mengingat Nilai Asli - Trik CSS

Anonim
var origValue = (); $('input.remember').each ( function (currentIndex) ( origValue.push ( $(this).val () ); $(this).focus ( function () ( $(this).removeClass("unfocused"); var defaultText = $(this).val(); if ( $(this).val () == origValue ( currentIndex ) ) ( $(this).val(''); ) $(this).blur(function() ( var userInput = $(this).val(); if (userInput == '') ( $(this).val(defaultText); $(this).addClass("unfocused"); ) )); )); ));

Cuplikan jQuery untuk membuat input formulir menampilkan pesan bantuan yang menghilang saat diklik (dan muncul kembali saat pengguna tidak memasukkan apa pun). Berikan masukan Anda kelas 'ingat' untuk mengaktifkan cuplikan dan (opsional) 'tidak fokus' sebagai kait CSS untuk mengubah gaya pesan bantuan.