html之“聚焦时移除文本域的默认值”

最新推荐文章于 2021-06-16 05:31:54 发布

重金属凌魄

最新推荐文章于 2021-06-16 05:31:54 发布

阅读量1k

点赞数

分类专栏：无聊

2 篇文章 0 订阅

订阅专栏

为了提高软件的易用性，我们一般在文本域中填入一些样板文字，当然你也可以在旁边提示，但如果空间不足的话，就只能选择前者。当我们让文本域获得焦点时，当然要清空文本域让用户提入他们自己的内容。以下是代码，它确保文本域总有文字，不是用户填写的，就是我们的提标性文字。

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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注