日期:2014-05-16  浏览次数:20314 次

js写的文本框友好信息提示

输入文本框时的友好提示

?

在输入文本框内容时,有时候需要提示用户输入的内容,为了更友好的提示用户,我用js写了一种方法,当点击文本框时,在文本框右边提示用户要输入的信息。

?

在输入内容前,显示如图1所示

1

当用户名的文本框或得焦点时,效果如图2所示

2

当密码文本框或得焦点时,效果如图3所示

3

?

演示的源代码如下:

?

<!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=utf-8" />

<title>tt控件演示</title>

<script language="javascript" >

//tipTxt要显示的内容,apos向右移动的距离,vpos向下移动的距离

function tip(tt,tipTxt,apos,vpos){