文本框默认提示灰色,点击后输入黑色
2012-06-29 15:55
1026 查看
在前台页面应用中,我们在登录窗口等text框中,常常会碰到点击效果的的实现。下面实现的方式很简单也是比较常用的
* 默认灰色,点击后输入黑色。
<html>
<head>
<title>输入框效果实现</title>
</head>
<body>
<input type="text" value="请输入" style="color='ccc'" onClick="this.style.color='black';this.value='';" onBlur="this.style.color=''">
</body>
</html>
例如:在jsp页面中我这样使用
<input type="text" id="loginuserid" name="bean.id" maxlength="40"
value="用户名/邮箱/手机"
onclick="javascript:if(this.value=='用户名/邮箱/手机'){this.value='';this.style.color='#000'}"
onblur="javascript:if(this.value==''){this.value='用户名/邮箱/手机';this.style.color='#999'} "
onKeyDown="javascript:if(event.keyCode==13) return submitLoginForm();">
然后效果如下图:
点击后输入则如下:
* 默认灰色,点击后输入黑色。
<html>
<head>
<title>输入框效果实现</title>
</head>
<body>
<input type="text" value="请输入" style="color='ccc'" onClick="this.style.color='black';this.value='';" onBlur="this.style.color=''">
</body>
</html>
例如:在jsp页面中我这样使用
<input type="text" id="loginuserid" name="bean.id" maxlength="40"
value="用户名/邮箱/手机"
onclick="javascript:if(this.value=='用户名/邮箱/手机'){this.value='';this.style.color='#000'}"
onblur="javascript:if(this.value==''){this.value='用户名/邮箱/手机';this.style.color='#999'} "
onKeyDown="javascript:if(event.keyCode==13) return submitLoginForm();">
然后效果如下图:
点击后输入则如下:
相关文章推荐
- placeholder属性 点击文本框,输入值默认提示内容消失
- 文本框内默认提示————请输入用户姓名(字体灰色),要求: (1)当文本框获得焦点时,默认提示消失 (2)当文本框失去焦点时,如果没有输入新内容,那么则显示原来的灰色字体内容; 如果有新内容输入则判断,如果长度小于10,则提示“姓名长度应该大于10个字符”
- 1. 简单的加法计算器,用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示两个数的和。如果1或者2为错误的数据格式,则弹出对话框提示错误。
- 学习笔记——文本框显示默认,点击后默认输入消失。鼠标离开后又出现
- 文本框默认显示的字(提示的文字),点击后文字消失。
- jsp页中搜索文本框,默认显现“关键字”点击后“关键字”消失,输入内容点搜索按钮文本框状态保持怎么做?
- 黑马程序员之WinForm编程基础学习笔记:用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示从文本框1中的数字到文本框2中的数字之间的累加和。如果1或者2为错误的数据格式,则弹出对话框提示错
- 文本框里显示提示语言,点击可以输入其他内容
- html中input文本框,初始里边有文字提示,当点击输入文字时,原文字消失
- 黑马程序员之WinForm编程基础学习笔记:页面上有一张图片,默认是隐藏的,用户在文本框中输入身份证号(131226198105223452),点击按钮,如果年龄大于18岁则显示图片。
- 多个input文字方框中,默认字体是灰色,,输入字时,字体变成黑色
- input文本框 鼠标点击默认值消失,不输入离开鼠标恢复默认值
- 实现网页文本框显示灰色提示文字且点击后消失的一个小函数(基于jquery)
- 4. 用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示从文本框1的数字到文本框2中的数字之间的累加和。如果1或则2为错误的数据格式,则弹出对话框提示错误。如果文本框1中的数字比文本框2中的数字大,则提示错误。
- CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
- 文本框灰色文字提示,鼠标点击文字消失
- 文本框默认显示的字(提示的文字),点击后文字消失。
- input文字方框中,字体颜色的变化 要求默认的字体颜色是灰色,当要输入字时,字体是正常的黑色
- M牛C原创博客——UI之文本框输入键盘自动退出及点击空白处退出,切换下个文本框
- 在文本框中提示用户输入内容格式的方法