摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现. 当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password&quo

例1  代码如下 复制代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=

复制代码 代码如下: /****************************************************** //      *功能描述:把密码输入控件写入页面中 //      *参数说明: //        inputCtlName:原控件名 //         //        创建日期:2006-07-24 ***************************************************** */ var InputControlAre

1. 在firefox下,每页均会打印重复thead(表头),tfoot(表尾)的内容:IE8下无效(其它IE版本未测试) 2. 分页的处理     @media print {     .page-break { page-break-after: always; }   } 在需要分页的tr上,加上该样式即可 3.隐藏某些不需要打印的区域     @media print {    .no-print { display: none; }     } 4.页面顶部网址之类的,如何去掉? IE

<tbody> <tr> <#if scopes?exists> <#list scopes as scopes> <td id='${(scopes.scopeId)?default(0)}'>${(scopes.lowerLimit)?default("")}</td> <td id='${(scopes.scopeId)?default(0)}'>${(scopes.upperLimit)?def

新技能传授-哔哔哔哔 search类型搜索框,设计师常常会设计一个叉叉图标,表示用户点之久可以清除输入的内容.比方说这个: 这是不错的体验! 当前现代浏览器中,Chrome浏览器下type=search的输入框会有清除按钮的动态呈现,不过搜索input框尺寸不太好控制(padding无视);FireFox浏览器貌似任何类型的输入框都无动于衷;IE10+浏览器貌似任何输入框都会出现清除按钮,但是长得略微粗糙了点,设计师同学接受不了. 貌似不和谐了,咋办?传授个新技能,借助HTML以及CSS,来模拟

 这篇文章主要介绍了jQuery toggleClass的应用,需要的朋友可以参考下 1.首先到jQuery官网下载js库,网址为http://jquery.com/    2.建立一个jQuery示例的项目.    3.将js库放到jQuery示例的项目中.    4.写一个html页面  代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

学会一项开发技能最快的步骤就是:准备,开火,瞄准.最慢的就是:准备,瞄准,瞄准,瞄准-- 因为微信小程序比较简单,直接开撸就行,千万别瞄准. 于是乎,趁着今天上午空气质量不错,撸了一个小程序,放在了男性交友网站上了, 我添加了很全的注释,大家赏个star. 地址:https://github.com/yll2wcf/wechat-weapp-lifeTools 功能介绍 功能比较简单,调用了百度ApiStore的接口即时查询空气质量. 我计划多加一些功能,争取把微信小程序提供的功能全用一遍. 也

一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置.代码如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} bo