JavaScript + jQuery + HTML 实现<input>提示信息的显示、隐藏，功能与jQuery EasyUI的easyui-textbox的prompt属性相同。

来源：互联网发布：华美飞天侠淘宝客7 编辑：程序博客网时间：2024/05/29 13:08

<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script>// 搜索按钮，页面跳转function relocationWin() {var queryParam = $("#queryParam").val();if (queryParam == "请输入姓名" || queryParam == "") {alert("请输入姓名！");return;}alert("success : " + queryParam);}// 移除提示信息function removePrompt() {if ($("#queryParam").val() == '请输入姓名') {$("#queryParam").val("");}}// 添加提示信息function addPrompt() {if ($("#queryParam").val() == '') {$("#queryParam").val('请输入姓名');}}</script></head><body><div><input id="queryParam" type="text" value="请输入姓名" onfocus="removePrompt()" onblur="addPrompt()" /><button type="button" onClick="relocationWin()">Click Me!</button></div></body></html>

PS ：
1、此方法不局限<input>，但是onfocus 事件、onblur 事件不是所有HTML、JavaScript都支持的，详细的支持请查看：
http://www.w3school.com.cn/jsref/event_onblur.asp
http://www.w3school.com.cn/jsref/event_onfocus.asp
2、测试地址
http://www.w3school.com.cn/tiy/t.asp?f=jquery_hide

3 0