簡單的一款jquery焦點表單


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script>
$(function(){
$("#add").focus(function(){
var text_value=$(this).val(); //得到當前文本框的值
if(text_value==this.defaultValue){
$(this).val("");
}
});
$("#add").blur(function(){
var text_value=$(this).val()
   if(text_value==""){
$(this).val(this.defaultValue)
}
});

$("#pass").focus(function(){
var text_value=$(this).val(); //得到當前文本框的值
if(text_value==this.defaultValue){
$(this).val("");
}
});

$("#pass").blur(function(){
var text_value=$(this).val(); //得到當前文本框的值
if(text_value==""){
$(this).val(this.defaultValue);
}
});
})
</script>

<input id="add" type="text" value="請輸入郵箱地址"><br/><br/>
<input id="pass" type="text" value="請輸入密碼">
發佈了15 篇原創文章 · 獲贊 2 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章