当某个文本框成为焦点时即清除文本框内容

代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>成为焦点时清除文本框内容</title>
<script>
window.onload = initAll;

function initAll(){
var clearText = document.getElementsByTagName("input");
for (var i=0; i<clearText.length; i++){
clearText[i].onfocus = function ( ){
this.value = "";
}
}
}
</script>
</head>

<body>
文本框一：<input type="text" name="text" id="clearText1" value="清除文本框一的内容"/><br/>
文本框二：<input type="text" name="text" id="clearText2" value="清除文本框二的内容"/><br/>
文本框三：<input type="text" name="text" id="clearText3" value="清除文本框三的内容"/>
</body>
</html>

赞 (0)

相关推荐

  • 当某个文本框成为焦点时即清除文本框内容

    复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>成为焦点时清除文本框内容</title> <script> window.onload = initAll; function initAll(){ var clearText = document.getElementsByTagName("input

  • JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

    多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言,当鼠标点击此文本框的时候能够将里面的默认文本清除,当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框. 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/&quo

  • layui当点击文本框时弹出选择框,显示选择内容的例子

    实现如图所示的功能 实现步骤: 1.html页面需要注意的内容 1). table <div id="hidden1" lay-filter="hidden1" style="display: none"> <table id="department_result" lay-filter="department_result"></table> </div>

  • 将多选框选中时打勾的颜色

    body { font-size:12px; } .checkbox { width:12px; height:12px; background-image:url(http://ucren.com/files/WebTex/setCheckbox/images/checkbox.gif); background-color:#fff; line-height:1px; font-size:1px; } 将多选框选中时打勾的颜色设为:(注:颜色值可以自行更改) /****************

  • Android Studio EditText点击图标清除文本内容的实例解析

    Android Studio EditText点击图标清除文本内容的实例解析

    这篇文章是继自定义EditText样式之后的功能强化,对于实际应用项目有很大的参考意见,感兴趣的朋友可以移步上一篇,"Android Studion自定义EditText样式".具体清除EditText文本内容功能代码如下: package com.liheng; import android.content.Context; import android.graphics.Rect; import android.graphics.drawable.Drawable; import

  • Excel导入数据库时出现的文本截断问题解决方案

    Excel导入数据库时出现的文本截断问题解决方案

    问题 在把Excel导入到数据库中时,发生文本截断问题:即导入的数据每行只有一部分,原始的Excel数据为:     忽略错误 导入SQLServer2008过程中,如果源数据和目标数据类型不匹配会导入失败,所以导入数据时会忽略错误,这次导入题库也是,结果出现了这样的问题:  仔细观察你会发现,题目不完整,最长为25个汉字,很明显这是varchar(50)数据类型,但是源数据和目的数据明明都为文本类型. 不忽略错误 如果不忽略错误,导入数据最后一步会产生这样的问题: 复制代码 代码如下: -正在

  • 如何解决Oracle EBS R12 - 以Excel查看输出格式为“文本”的请求时乱码

    重现的前提条件: 输出格式为"文本"的并发程序:有效责任和用户. 如何在查看输出时出现Excel选项:系统管理员>安装>浏览器选项>添加一行"文件格式"为"文本"的记录,"MIME 类型"和"说明"选"文件格式"是"Excel"的那行一样. EBS需要已安装好简体中文语言,这样"有效责任和用户"里面才会有中文. 提交"有

  • 引入JavaScript时alert弹出框显示中文乱码问题

    引入JavaScript时alert弹出框显示中文乱码问题

    今天在HTML中引入JavaScript文件运行时,alert弹出的提示框中文显示为乱码. 经查有两种可能: 1.JavaScript与HTML文件编码方式不一样 办法:在引入JavaScript的代码中指定其字符集为gb2312,代码如下: <script charset="gb2312" type="text/javascript" language="javascript" src="javascript.js"&

  • PHP页面输出时js设置input框的选中值

    关于php页面输出时js设置input框的选中值的代码如下所示: /* 设置表单的值 */ function setValue(name, value) { var first = name.substr(0, 1), input, i = 0, val; if (value === "") return; if ("#" === first || "." === first) { input = $(name); } else { input

  • 微信浏览器弹出框滑动时页面跟着滑动的实现代码（兼容Android和IOS端）

    在做微信开发的时候遇到这个问题:微信浏览器弹出框滑动时页面跟着滑动. 我觉得这个问题用的是下面这几行代码: var $body = $('body'), dialogIsInView = !1,//当前是不是对话框 lastContentContainerScrollTop = -1,//用于弹出框禁止内容滚动 $contentContainer = $('#content-container');//内容容器 //阻止Window滚动 function stopWindowScroll() {

随机推荐