zoukankan      html  css  js  c++  java
  • input默认值设置

    由于项目需求,简单地写了一个input默认值设置

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>input默认值设置</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {
        //集体调用
    	$(".form input").each(function(){
    		$(this).setDefauleValue();
    	});
    	//单个调用
    	$("#key").setDefauleValue();
    })
    
    //设置input,textarea默认值
    $.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");//默认值的颜色
                }
            });
        });
    }
    </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="输入学员ID、姓名、昵称进行查找">
    </body>
    </html>
    

  • 相关阅读:
    RESTful API 设计指南
    Lombok 安装配置及使用方法
    Python——urllib函数网络文件获取
    C与C++面试易出知识点
    编程一年
    Java练习1
    大整数求和
    PHP数组知识点整理
    CSS——NO.10(设置技巧)
    CSS——NO.9(颜色值和长度值)
  • 原文地址:https://www.cnblogs.com/mofish/p/2167196.html
Copyright © 2011-2022 走看看