html文本框提示效果的示例代码
完整代码如下：
<!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" xml:lang="en" lang="en">
<head>
<title>html文本框提示效果</title>
<style type="text/css">
*{
margin:0px;padding:0px;font-size:12px;
}
input{
width:100px;height:20px;border:1px solid #ccc;
}
</style>
</head>
<body>
<script language="javascript">
function tips(id,str){
var l=document.getElementById(id).offsetLeft+120;
var t=document.getElementById(id).offsetTop;
document.getElementById("tips").innerHTML="提示："+str;
document.getElementById("tips").style.left=l+"px";
document.getElementById("tips").style.top=t+"px";
document.getElementById("tips").style.display="";
}
function outtips(){
document.getElementById("tips").style.display='none';
}
</script>
<div id="tips" style="position:absolute;border:1px solid #ccc;padding:0px 3px;color:#f00;display:none;height:20px;line-height:20px;background:#fcfcfc"></div>
<br />
姓名：<input type="text" id="username" onfocus="tips('username','姓名长度最多16个字符')" onblur="outtips()" />
<br />
密码：<input type="password" id="password" onfocus="tips('password','密码长度必须在3-18位之间')" onblur="outtips()" />
</body>
</html>
-
本文向大家介绍Android AutoCompleteTextView自动提示文本框实例代码，包括了Android AutoCompleteTextView自动提示文本框实例代码的使用技巧和注意事项，需要的朋友参考一下 自动提示文本框(AutoCompleteTextView)可以加强用户体验，缩短用户的输入时间(百度的搜索框就是这个效果)。 先给大家展示下效果图，如果大家感觉还不错，请参考实现
-
本文向大家介绍jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)，包括了jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现鼠标跟随提示层效果代码。分享给大家供大家参考，具体如下： 运行效果截图如下： Web网站有不少需要用到tip提示层的地方，结合jquery
-
本文向大家介绍js文本框输入内容智能提示效果，包括了js文本框输入内容智能提示效果的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js文本框输入内容智能提示效果代码。分享给大家供大家参考。具体如下： 运行效果截图如下： 大体思路： 1.监听文本框事件。这里是用的keyup事件。大家可以尝试用onchange事件。不过感觉keyup事件的效果要好一点。 2.根据输入内容通过ajax异步的方式
-
本文向大家介绍jQuery提示效果代码分享，包括了jQuery提示效果代码分享的使用技巧和注意事项，需要的朋友参考一下 代码一： 学习心得： 不要在p标签下追加div元素，会出现一个大的偏差值！ 原来！this和$("this")是有所不同,如果上文 this.title改写成$("this").attr("title")会导致下面的mouseout事件无法访问保存下来的title 代码
-
本文向大家介绍JS组件Bootstrap实现弹出框和提示框效果代码，包括了JS组件Bootstrap实现弹出框和提示框效果代码的使用技巧和注意事项，需要的朋友参考一下 前言：对于Web开发人员，弹出框和提示框的使用肯定不会陌生，比如常见的表格新增和编辑功能，一般常见的主要有两种处理方式：行内编辑和弹出框编辑。在增加用户体验方面，弹出框和提示框起着重要的作用，如果你的系统有一个友好的弹出提示框，自然
-
本文向大家介绍iOS中 LGLAlertView 提示框的实例代码，包括了iOS中 LGLAlertView 提示框的实例代码的使用技巧和注意事项，需要的朋友参考一下 使用与iOS8 以后，只是把系统的UIAlertController进行了封装，省的每次用的时候要写很多的代码。封装后只需要一句代码即可 , deome 地址 ：https://github.com/liguoliangiOS/LG
-
本文向大家介绍jQuery简单实现input文本框内灰色提示文本效果的方法，包括了jQuery简单实现input文本框内灰色提示文本效果的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery简单实现input文本框内灰色提示文本效果的方法。分享给大家供大家参考，具体如下： 说明：需要引入jquery.js文件 input和TextBox都有效 希望本文所述对大家jQuery程
-
本文向大家介绍bootstrap提示标签、提示框实现代码，包括了bootstrap提示标签、提示框实现代码的使用技巧和注意事项，需要的朋友参考一下 首先聊一聊提示标签： 效果： 下面讲一讲提示框： 效果： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。