 |
热门文章 |
|
|
|
相关文章 |
|
| 没有相关文章 |
|
|
| 文本框提示代码 |
| 来源：源码爱好者 更新时间：2012/4/19 1:57:04 阅读次数： 我要投稿 |
|
<!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>
<title>文本框自动提示</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
用户名：<input id="title" name="title" value="">
<script type="text/javascript">
function bindTitleEvent(){
var title = "请输入用户名";
var el = document.getElementById('title');
if (!el) return;
el.value = title;
el.onfocus = function(){
if (el.value == title) el.value = '';
}
el.onblur = function(){
if (el.value == '') el.value = title;
}
}
bindTitleEvent();
</script>
</body>
</html> |
| 特效说明： |
网页特效，相对实用的文本框自动提示代码，当鼠标点击文本框的时候，提示文字会自动消失，当不点击的时候，文字就显示在文本框内，用来提示用户这里应该输入什么内容，避免用户和程序出错。 |
|
| 上一篇文章： 让表单ctrl加回车提交下一篇文章： 输入框输入提示代码 |
|
|
|
注册 登录
