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

原创 2007年09月19日 11:13:00
<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>
 

input文本框内添加提示文字,填写内容时消失

1.一个最简单的方法 用placeholder属性作为提示语 2.用focus和blur将提示语填充到input中 jsp: 卡号 ...
  • u012248761
  • u012248761
  • 2016年05月18日 21:17
  • 41112

如何实现input输入时和值为空时的状态变化

下面以一段代码进行演示,其中涉及的知识点为angular的element元素(angular中jqLite的写法)和angular中的$watch事件。   $ap...
  • datuoxiea
  • datuoxiea
  • 2016年11月04日 10:52
  • 770

(三)ExtJs小例子之:带有输入框的提示框(prompt)

1.写ext代码之前,引入ext相关文件(由于所建文件不同,引入资源路径不经相同,但是红色字体部分必须一致) /resources/css/ext-all.css"/> adapter/ext/ex...
  • fubo1990
  • fubo1990
  • 2016年03月14日 14:05
  • 1337

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

html>head>title>文本框中的提示title>script type="text/javascript">...var tipText = "";document.getElementBy...
  • fishsoul
  • fishsoul
  • 2007年09月19日 11:13
  • 2209

extjs 学习之获取焦点和失去焦点事件

在学习extjs的过程中,在对文本框进行编辑是,常常会遇到获取焦点和失去焦点后需要进行一些操作的情况:下面的两个例子分别说了在不同情况下焦点变化的响应情况。 在extjs内部的fie...
  • weixin_41356040
  • weixin_41356040
  • 2018年01月30日 10:29
  • 84

文本框输入为空时显示的内容

无标题文档 姓  名: 手机号码: 虽然IE10+支持placeholder属性,...
  • xxz_best
  • xxz_best
  • 2015年05月11日 17:15
  • 1686

用JQuery写的文本框初始值消失的方法

学习JQuery后,自己写的一个简单的文本框初始值消失的方法,提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失,代码如下: $(document).ready...
  • wal1314520
  • wal1314520
  • 2017年06月26日 00:31
  • 160

[Cordova/Phonegap] Cordova iOS 应用在第三方输入法的键盘弹出(点击输入框)时,页面不上移,导致输入框被键盘遮挡 的解决办法

Cordova iOS应用在使用系统自带输入法键盘的时候,聚焦文本框是会将整体webview界面上移的,如下图: 然而,如果你用的是第三方输入法(百度、搜狗、qq输入法等都是),聚焦文本框弹出...
  • lovelyelfpop
  • lovelyelfpop
  • 2016年07月26日 10:44
  • 8617

页面载入时,把光标聚焦在表单元素上

在中加入下面的://页面载入时设置体焦点form1.username.focus();//form1是表单名,username是表单元素名 ...
  • allfuly
  • allfuly
  • 2006年04月25日 11:56
  • 792

jquery 获得焦点的时候,焦点时文本框清空,失去焦点时又显示默认文字

$(document).ready(function() {     //each遍历文本框     $(".input").each(function() {         //保存当前文本...
  • tan01234
  • tan01234
  • 2017年02月06日 11:51
  • 1493
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:文本框中的提示(文本框值为空时显示,聚焦时隐藏)
举报原因:
原因补充:

(最多只允许输入30个字)