web中文本框的提示字段点击后消失

最新推荐文章于 2024-05-13 09:57:51 发布

原创最新推荐文章于 2024-05-13 09:57:51 发布 · 1.4k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

web

当前文章被收录于：

web

39 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个简单的HTML页面，其中包含两个输入区域：一个文本输入框和一个文本区域。这两个输入区域都设置了特定的样式和交互行为，例如当光标聚焦在输入框上时清除默认提示并改变字体颜色。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
div{ width:600px; margin:30px auto;}
input{ width:400px; color:#ccc; border:1px solid #d7d7d7;}
textarea{ width:500px; height:200px; color:#ccc;}
</style>
</head>
<body>
<div>
<input name="" type="text" onfocus="if(this.value=='请输入') {this.value='';}this.style.color='#f00';" onblur="if(this.value=='') {this.value='请输入';this.style.color='#ccc';}" value="请输入" />
 
<textarea onfocus="var reg = /^请注意/;if (reg.test(this.value)){this.value='';this.style.color='#f00'}" onkeyup="wordNumberNotice(this, $('#number_notice'), 30)">请注意:11111111111111</textarea>
</div>
</body>
</html>