关闭

文本框中的提示(文本框值为空时显示,聚焦时隐藏)

标签: functionhtmlinput
1909人阅读 评论(0) 收藏 举报
分类:
<html>
<head>
<title>文本框中的提示</title>
<script type="text/javascript">
var tipText = "<请输入关键字>";
document.getElementById(
"keyword").value = tipText;
function clearTip(){
      
var keyword = document.getElementById("keyword");                
      
if(keyword.value == tipText){
            keyword.value 
= "";
       }

}

function setTip(){
      
var keyword = document.getElementById("keyword");
      
if(keyword.value == ""){
            keyword.value 
= tipText;
      }

}

</script>
</head>
<body>
<input type="text" id="keyword" onfocus="clearTip()" onblur="setTip()" value="">
</body>
</html>
 
0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:71102次
    • 积分:791
    • 等级:
    • 排名:千里之外
    • 原创:11篇
    • 转载:8篇
    • 译文:0篇
    • 评论:11条