由于項(xiàng)目需求,簡(jiǎn)單地寫了一個(gè)input默認(rèn)值設(shè)置,實(shí)現(xiàn)給.form中所有的input設(shè)置默認(rèn)值的方法。
<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>input默認(rèn)值設(shè)置</title><script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript">$(function() { //集體調(diào)用 $(".form input").each(function(){ $(this).setDefauleValue(); }); //單個(gè)調(diào)用 $("#key").setDefauleValue();}) //設(shè)置input,textarea默認(rèn)值$.fn.setDefauleValue = function() { var defauleValue = $(this).val(); $(this).val(defauleValue).css("color","#999"); return this.each(function() { $(this).focus(function() { if ($(this).val() == defauleValue) { $(this).val("").css("color","#000");//輸入值的顏色 } }).blur(function() { if ($(this).val() == "") { $(this).val(defauleValue).css("color","#999");//默認(rèn)值的顏色 } }); });}</script></head> <body><form class="form"> <input type="text" size="30" value="輸入昵稱"> <br> <input type="text" size="30" value="輸入姓名"></form><br><br><br><input type="text" size="30" id="key" value="輸入學(xué)員ID、姓名、昵稱進(jìn)行查找"></body></html>以上就是本文的全部?jī)?nèi)容,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
|
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注