软件学堂

网游分类软件分类

JS代码实现文本框简单的单击效果

2012-10-20 来源:网络

【实例名称】

文本框简单的单击效果

【实例描述】

为了提示用户文本框的输入内容,可以为文本框设置默认值,如“请输人姓名”。但如果这样,用户就需要先删除这个提示,然后再输入姓名。为了方便用户操作,本例实现单击文本框后,提示内容自动消失的特效。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> </head> <body> <input name="username" type="text"  onClick="this.value=''"  value="单击我试试" size="20" maxlength="20"> </body> </html>

【运行效果】

运行效果

【难点剖析】

本例中借用文本框控件的“onClick”事件,触发用户单击文本框的操作,“this.value”中“this”表示当前单击的对象,也就是输入框控件。“value”表示输人框的显示值。

【源码下载】

本实例JS代码下载

上一篇:文本框获取焦点弹出下拉框
下一篇:PS图片处理技巧:制作中国美女画卷

相关文章