当前位置:编程学习 > C#/ASP.NET >>

对INPUT控件进行类似TOOLTIP的提示功能代码

几天前我们开发时用到了一个INPUT控件,由于其内容较多,但INPUT 的WIDTH 又不大,所以

想要是能鼠标移动其上面时能提示就好了,就像ASP.NET的服务端组件有一个TOOLTIP属性多好啊

找了好多例子,但都不怎么理想,所以没事时想了想,没想到一行代码就OK了

可能早就有人用过了,但是我在GOOGLE AND BAIDU CSDN上没有找到,所以就在此发布一下

<html>
<head>
<script language="javascript"> 
 function   tooltip(e)   
 {
     e.title= e.value;           
 }
</script>
</head>
<body>
<INPUT id="TT" type="text" name="T" value="测试文件框提示" onmouseover="tooltip(this)">
</body>
</html>

--------------------编程问答-------------------- <INPUT id="TT" type="text" name="T" value="测试文件框提示" title="测试文件框提示">
--------------------编程问答-------------------- 如果这样写的话,页面上的所有INPUT控件都得写,同时其内容在页面出来之前你不知道是什么东东啊~~

我的代码是通用的。

--------------------编程问答-------------------- 谢谢,很好用 --------------------编程问答-------------------- 厉害,学习啦 --------------------编程问答--------------------
引用 2 楼 jlgxy 的回复:
如果这样写的话,页面上的所有INPUT控件都得写,同时其内容在页面出来之前你不知道是什么东东啊~~

我的代码是通用的。

<html> 
<head> 
<script language= "javascript">   
function tooltip(e)       
{
if(e.type=="text")
{
      e.title=e.value;
    }

</script>
</head> 
<body> 
<INPUT id= "TT" type= "text" name= "T" value= "测试文件框提示" onmouseover= "tooltip(this)">
<INPUT id= "TT" type= "radio" name= "T" value= "测试文件框提示" onmouseover= "tooltip(this)"> 
</body> 
</html>  --------------------编程问答-------------------- 这个有意义吗,,

直接绑定多好,,没事找事,, --------------------编程问答-------------------- 6楼,言之有理
补充:.NET技术 ,  ASP.NET
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,