文本框的气球工具提示

Question

我正在寻找一种方法来添加气球提示，以便在每次点击文本框时弹出，并在几秒后消失。我在网上搜索过，但没有找到任何文字框。我的文本框代码如下：请帮助

<td><form:input type='text' id='recipient'
 path="receiverLastName" onkeyup="valid(this)" onblur="valid(this)"/></td>

Answer 1

尝试使用jQuery UI - 工具提示：http://jqueryui.com/tooltip

您可以将html更改为

<td><form:input type='text' id='recipient' title='tool tip to show'
 path="receiverLastName" onkeyup="valid(this)" onblur="valid(this)"/></td>

并将其放入您的javascript（包含jquery UI文件之后）

$(function() {
    $("#recipient").tooltip();
});