使用js控制表单中的内容
第一种方式
<input type="text" name="username" value="请输入用户名" onclick="this.value=''" onblur= "if(this.value == ''){
this.value='请输入用户名'}">
第二种方式
<input type="text" name="username" value="请输入用户名" onclick ="change(this)" onblur="recover(this)">
<script>
function change(obj){
obj.value = '';
}
function recover(obj){
if(obj.value == ''){
obj.value="请输入用户名";
}
}
</script>
第三种方式
<input type="text" name="username" value="请输入用户名" onclick ="change()" onblur="recover()" id="user">
<script>
function change(){
var user = document.getElementById('user');
user.value = '';
}
function recover(){
var user = document.getElementById('user');
if(user.value == ''){
user.value="请输入用户名";
}
}
</script>