1.jQuery练习1 ---表单

要做一个效果如图所示的表单

• 表单中有三项，当点击每个输入框时，他的颜色会变成蓝色；
• 每个输入框里都有默认值value，当用户点击输入框时，应该清空原来的默认值，当用户输入完之后，输入框失去焦点时，如果输入框新增了内容，那么就显示内容，如果用户没做修改，那么失去焦点时，输入框应该还显示原来默认的value
• 要注意，用户点击输入框的时候，如果里面是默认值value才清空，如果是上一次输入的值的话，那就留着，在此基础上改
  
• 其实这个效果，如果用placeholder做的话，就简单多了，能完全满足上述要求，但假设我们必须用value做，而value的特点就是当输入框获取焦点时，value值自己不会清空，而且如果用户什么都没写的话，那输入框失去焦点的时候，也不会还原成默认值，就显示空
• 所以这个例子，我们就是用jQuery来解决value这两个问题
  一、第一步 HTML结构

<form action="">
    <filedset>
        <legend>个人基本信息</legend>
        <div>
            <label for="username">用户名：</label>
            <input  id="username"  type="text" value="昵称">
        </div>
        <div>            
            <label for="psd">登录密码：</label>
            <input  id="psd"  type="text" value="密码">
        </div>
        <div>
            <label for="msg">座右铭</label>
            <textarea name="" id="msg" cols