css 鼠标放上图片变换以及输入框提示信息

.btn{
width:321px; height:65px;
border:0;
margin-left:71px; margin-top:282px;cursor:pointer;
background-image:url(login_btn.png)}
.btn:hover{ background-image:url(login_btn_hover.png)}

<span style="font-family:Arial;BACKGROUND-COLOR: #ffffff">上面代码用css实现鼠标放上后图片改变，免去用js，需要支持html5</span>

<span style="font-family:Arial;BACKGROUND-COLOR: #ffffff"></span> 

<span style="font-family:Arial;BACKGROUND-COLOR: #ffffff"></span><pre class="html" name="code"><input name="username" type="text" id="username" class="textinput"
  value="请输入用户名" οnfοcus="this.value='';" οnblur="if(this.value==''){this.value='请输入用户名'}"
   />

上面代码实现输入框的提示信息，鼠标点击后自动消失