用javascript实现的激活输入框后隐藏初始内容_javascript技巧

<div>   

<label for="email">Email</label>   

<input name="email" type="text" id="email" style="width:134px;" onfocus="if(this.value==Input your email)this.value=;"onblur="if(this.value==)this.value=Input your email;" value="Input your email" />   

<label for="pwd">Password</label>   

<input name="pwd" type="password" id="pwd" style="width:132px;" onfocus="if(this.value==inputpass)this.value=;"onblur="if(this.value==)this.value=inputpass;" value="inputpass" />   

</div> 

时间: 2024-11-13 08:11:44

用javascript实现的激活输入框后隐藏初始内容_javascript技巧的相关文章

javascript实现鼠标放上后下边对应内容变换的效果_javascript技巧

本文实例讲述了javascript实现鼠标放上后下边对应内容变换的效果.分享给大家供大家参考.具体如下: 这是个网上比较常见的菜单效果,鼠标放上后相应的内容会切换,图文布局方式.技术方面,是JS和CSS相配合来实现,代码中的JS部分,你可以单独摘取出来保存成一个JS文件,然后引入到页面中,这样使主页面代码简洁些.本效果在ie.火狐等浏览器下测试正常. 运行效果如下图所示: 具体代码如下: <html> <head> <title>鼠标放上后下面的内容切换</tit

javascript自动恢复文本框点击清除后的默认文本_javascript技巧

本文实例介绍了点击文本框清除默认文本离开再恢复的js实例代码,分享给大家供大家参考,具体内容如下 相关知识: 1.onclick事件的定义和用法: 当点击对象的时候会触发此事件. 浏览器支持: 1).IE浏览器支持此事件. 2).火狐浏览器支持此事件. 3).Opera浏览器支持此事件. 4).谷歌浏览器支持此事件. 5).safria浏览器支持此事件. 实例代码: <html> <head> <meta charset="gb2312"/> <

使用JavaScript实现弹出层效果的简单实例_javascript技巧

声明 阅读本文需要有一定的HTML.CSS和JavaScript基础 设计 实现弹出层效果的思路非常简单:将待显示的内容先隐藏,在触发某种条件后(如点击按钮),将原本隐藏的内容显示出来. 实现 <!DOCTYPE html> <html> <head> <title>Window对象</title> <meta charset="utf-8"> </head> <body> <a hr

JavaScript代码判断点击第几个按钮_javascript技巧

最近很轻松,项目结束,趁个空余时间写了一段javascript代码实现判断点击第几个按钮的相关代码,具体代码如下所示: <html> <head> <meta charset='utf-'> </head> <body> <button>第一个</button> <button>第二个</button> <button>第三个</button> <button>第

JavaScript函数的4种调用方法详解_javascript技巧

在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:函数调用形式.方法调用形式.构造器形式.以及apply形式.这里所有的调用模式中,最主要的区别在于关键字 this 的意义,下面分别介绍这个几种调用形式. 本文主要内容: 1.分析函数的四种调用形式2.弄清楚函数中this的意义3.明确构造函对象的过程4.学会使用上下文调用函数 一.函数调用形式 函数调用形式是最常见的形式,也是最

javascript的渐进增强与平稳退化浅谈_javascript技巧

在google.com.hk的左上角,有一个更多的链接,它具有一个目标地址,但是当我们点击时,大多数情况发现的是弹出一个下拉列表供用户选择(这是一种典型的渐进增强形式).怎么理解?--如果用户的浏览器支持javascript,那么就可以享受到这种快速导航的服务功能. 现在,请你禁用的你的浏览器的javascript功能(不会禁用猛击这里),再次访问google.com.hk,再次点击更多时,发生了什么?是的,没有看到下拉列表,而打开了一个新页面.(这是一种典型的平稳退化).怎么理解?--如果用户

javascript中字体浮动效果的简单实例演示_javascript技巧

在淘宝,京东等其他网页上我们能够看到,当鼠标移上去的时候,能够使其下面出现其它选项,现在就演示一下这种功能 主要是用到css里面的display,以及鼠标触发的事件onmouseover(),和onmouseout()方式,在加上css样式的设置和标签之间额使用就能实现. 具体如下: 1,为了很好的控制,采用了列表的样式,并且在设置css样式时很方便 2,采用了<a>标签的样式,能够让鼠标移上去对其他的有反应具体的js函数写的功能: <script type="text/jav

JavaScript 变量作用域及闭包第1/2页_javascript技巧

实例一: 复制代码 代码如下: <script type="text/javascript"> var i = 1; // 弹出内容为 1 true 的提示框 alert(window.i + ' ' + (window.i == i)); </script> 分析: 在全局定义的变量其实就是 window 对象的属性. 上面的例子可以看到,我们定义全局变量的同时,window 对象会产生一个相应的属性,如何让我们的代码避免产生这个属性呢,看下面的例子. 实例二

JavaScript中cookie工具函数封装的示例代码_javascript技巧

一. 语法 1.1 获取当前页面的所有cookie: var allCookies = document.cookie; allCookies 是一个字符串,其中包含了以分号分隔的cookie列表字符串 (即 key=value 键值对). 1.2 写一个新cookie: document.cookie = updatedCookie; updatedCookie是一个键值对形式的字符串.只能用这个方法一次设置或更新一个cookie,而且写入并不是覆盖,而是添加.例如: document.coo