文档章节

简单的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
博文 56
码字总数 19398
作品 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
jQuery表单获取和失去焦点输入框提示效果

很不错的jquery特效,, http://runjs.cn/detail/iyqrv55e <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ......

西西爱OS
2012/12/17
0
3

没有更多内容

加载失败,请刷新页面

加载更多

下一页

centos7安装redis及开机启动

配置编译环境: sudo yum install gcc-c++ 下载源码: wget http://download.redis.io/releases/redis-3.2.8.tar.gz 解压源码: tar -zxvf redis-3.2.8.tar.gz 进入到解压目录: cd redis-3......

hotsmile
42分钟前
0
0
Confluence 6 数据库和临时目录

数据库 所有的其他数据库,包括有页面,内容都存储在数据库中。如果你安装的 Confluence 是用于评估或者你选择使用的是 Embedded H2 Database 数据库。数据库有关的文件将会存储在 database...

honeymose
57分钟前
1
0
day62-20180820-流利阅读笔记

1.今日导读 2.带着问题听讲解 3.新闻正文(中英文对照) 4.重点词汇 5.拓展内容

aibinxiao
今天
0
0
分布式锁实现及对比

一、问题介绍 日常工作中很多场景下需要用到分布式锁,例如:任务运行(多个节点同一时刻同一个任务只能在一个节点上运行(分片任务除外)),交易接受(前端交易请求发送时,可能由于两次提...

yangjianzhou
今天
7
0
【AI实战】快速掌握TensorFlow(二):计算图、会话

在前面的文章中,我们已经完成了AI基础环境的搭建(见文章:Ubuntu + Anaconda + TensorFlow + GPU + PyCharm搭建AI基础环境),以及初步了解了TensorFlow的特点和基本操作(见文章:快速掌握...

雪饼
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部