文档章节

简单的js文本框提示语

无小农
 无小农
发布于 2017/09/12 09:57
字数 141
阅读 9
收藏 0
$(function(){
    $("#test").focus(function(){		<%--当id为test获取焦点时调用的函数--%>
			var txt_value = $(this).val();	<%--获取文本框值--%>
			if(txt_value == "请输入姓名"){	<%--判断文本框值--%>
				$(this).val("");				<%--将文本框值清空--%>
			}			
		});
		$("#test").blur(function(){		<%--当id为test失去焦点时调用函数--%>
			var txt_value = $(this).val();
			if(txt_value == ""){				<%--如果文本框值为空--%>
				$(this).val("请输入姓名");	<%--设置文本框值--%>
			}
		});
                    
});

当然还可以用h5的新特性的:
placeholder="请输入名字", 直接加到input框后面,该特性不支持ie10以下浏览器

© 著作权归作者所有

共有 人打赏支持
无小农
粉丝 1
博文 57
码字总数 19447
作品 0
嘉兴
后端工程师
js文本框点击时文字消失,失去焦点_已迁移

方法一,直接在input中直接 方法二, 方法三,利用jquery实现 来源:::http://www.111cn.net/wy/js-ajax/47180.htm

辣条拌鱼翅
2015/01/01
0
0
【教程】javascript&浏览器对象入门教程

此教程是头一章 估计我以后也不想写什么第二章了 需要的基础知识:javascript语法和常用对象 大神勿喷 上次讲完了封包 这回我们再说说javascript javascript是一种弱类型的客户端脚本语言 在...

apachecn_飞龙
2013/12/05
0
0
JavaScript弹出对话框的三种方式

javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prompt()来获得,可以利用这些对话框来完成js的输入和输出,实现与用户能进行交互的js代码。 今天小编就来简单介...

燕儿199606
06/19
0
0
jquery easyui 弹出消息框

<html> <head> <!-- 导入easyui插件的js和css样式; --> <link rel="stylesheet" type="text/css" href="/EasyuiDemo/scripts/jquery-easyui-1.1.1/themes/default/easyui.css"> <link rel="s......

一念三千
2012/11/01
0
0
JS中onpropertychange事件和onchange事件区别

当一个HTML元素的属性用js改变的时候,都能通过 onpropertychange来捕获。例如一个 <input name="text1" id="text1" />对象的value属性被页面的脚本修改的时候,onchange无法捕获到,而onpro...

钟小华
2011/04/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
4
0
现场看路演了!

HiBlock
昨天
12
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
9
0
官方精简版Windows10:微软自己都看不过去了

微软宣布,该公司正在寻求解决方案,以减轻企业客户的Windows 10规模。该公司声称,企业客户下载整个Windows 10文件以更新设备既费钱又费时。 微软宣布,该公司正在寻求解决方案,以减轻企业...

linux-tao
昨天
14
0
TypeScript基础入门之JSX(二)

转发 TypeScript基础入门之JSX(二) 属性类型检查 键入检查属性的第一步是确定元素属性类型。 内在元素和基于价值的元素之间略有不同。 对于内部元素,它是JSX.IntrinsicElements上的属性类型...

durban
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部