为了提高软件的易用性,我们一般在文本域中填入一些样板文字,当然你也可以在旁边提示,但如果空间不足的话,就只能选择前者。当我们让文本域获得焦点时,当然要清空文本域让用户提入他们自己的内容。以下是代码,它确保文本域总有文字,不是用户填写的,就是我们的提标性文字。
functionclearText(field){ |
if(field.defaultValue == field.value) field.value =''; |
else if (field.value=='') field.value = field.defaultValue; |
} |
如:
<!doctypehtml>
<htmldir="ltr" lang="zh-CN">
<head>
<metacharset="utf-8"/>
<title> clearText By司徒正美</title>
<meta http-equiv="X-UA-Compatible"content="IE=7">
<scripttype="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value ='';
else if (field.value =='') field.value =field.defaultValue;
}
</script>
</head>
<body>
<form>
<input type="text" value="司徒正美" οnfοcus="clearText(this)"οnblur="clearText(this)"/>
</form>
</body>
</html>