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

2012/10/20 16:18:57作者：佚名来源：网络

移动端

【实例名称】

文本框简单的单击效果

【实例描述】

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

【实例代码】

<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代码下载

标签： JS代码文本框

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

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

精品软件推荐

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

资讯分类

推荐教程

精品软件推荐