HTML\CSS
文章平均质量分 51
明天还有我
这个作者很懒,什么都没留下…
展开
-
<input>表单元素readonly时光标仍然可见
在HTML中,如果把一个的readonly属性设置为"readonly",表示这个表单元素不能编辑。但是,鼠标点击之后,这个表单元素还是有光标存在的。此时点击回退键,会引起页面回退。可以加上UNSELECTABLE='true'属性,取消光标的出现。原创 2016-01-19 18:16:01 · 10136 阅读 · 0 评论 -
Maqetta Preview 2 发布,开源HTML5可视化设计工具
由 Dojo 基金会支持的云端 WYSIWYG 桌面及移动版 HTML5 开发工具 Maqetta 发布 了Preview 2 版本。Maqetta是由IBM推出的一个基于浏览器的开源HTML5网页编辑工具,支持Google Chrome、Mozilla Firefox 3.5+(推荐Firefox 4)和Mac Safari 5,为用户体验设计师提供了一个可见即可原创 2015-12-07 09:14:17 · 938 阅读 · 0 评论 -
【<meta name="description" content=">】作用讲解
一、语法: 二、参数解析: 1)name项:常用的选项有Keywords(关键字) ,description(网站内容描述),author(作者),robots(机器人向导)等。 2)http-equiv项:可用于代替name项,常用的选项有Expires(期限),Pragma(cache模式),Refresh(刷新),Set-Cookie(cookie设定),Window-ta原创 2016-02-17 18:36:26 · 1435 阅读 · 1 评论 -
onblur和onfocus的区别
运行一下这个例子就知道区别是啥了!html> head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title>新建网页 5title>script>function aaa(obj){if(typeof(obj.hasblur)=='undef原创 2016-02-19 10:27:16 · 1361 阅读 · 0 评论 -
5款好用的开源JS图片裁剪插件(3个jQuery插件,2个AngularJS插件)
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件,stars数量2k+,功能非常丰富,文档齐全,首选。Github.com官网也使用了这个插件。有一个小细节是,边框线的蚂蚁线是动画的,真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4 fengyuanchen / cropper Cropper原创 2016-03-08 09:55:52 · 1190 阅读 · 0 评论 -
jquery动态改变form属性提交表单
有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求。 如: 复制代码代码如下: 现在需要条件1的情况下按上面的方式提交,以method="POST" enctype="multipart/form-data" action="action1.jsp"原创 2016-02-23 00:37:01 · 733 阅读 · 0 评论 -
form提交前验证的几种方法
最近研究了下html中,form保单提交的几种方法,现与大家分享一下(注:网上可能已经有好多版本了,这里自己写下来做个总结了,哈!):方法一:利用form的onsubmit()函数(经常使用) Html代码 script type="text/javascript"> function validateForm(){ if(原创 2016-02-23 00:39:26 · 4096 阅读 · 0 评论 -
HTML一个form表单中有两个(多个)submit,后台如何区分(纯HTML实现,无需javascript)
一个表单中有时可能会有多个Submit元素,如何在后台区分哪个按钮被点击呢?网上很多人说用javascript,写一个长长的函数,点击不同的按钮提交不同的数据;还有的说用多个表单;其实完全不需要这么麻烦。两种方法可以实现,不需要使用javascript。方法一、使用不同的name属性 method="post"> type="submit" name="save" va原创 2016-02-23 00:41:53 · 2584 阅读 · 0 评论 -
Jquery的foreach .each方法详解
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组var arr1 = [ "aaa", "bbb", "ccc" ];原创 2016-02-24 00:12:35 · 1775 阅读 · 0 评论 -
关于 contentWindow, contentDocument
没有永恒的技术只有变态的需求,没有好说的客户只有无奈的开发者,如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演。生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。conte原创 2016-02-26 09:08:50 · 472 阅读 · 0 评论 -
DIV可以有name属性
Div可以有name属性 也可以获取到name的值ec获取 name值的方法是先获取到div的id值 然后通过id再获取name的值jquery获取方法是:$("#script").attr("name");扩展方法:1.document.getElementByName("1")可以获得name为1的这个div;2.如果你是想获得这个div中name的值可以用jquery的attr方法,原创 2016-02-27 22:18:42 · 20514 阅读 · 0 评论 -
关于 contentWindow, contentDocument
没有永恒的技术只有变态的需求,没有好说的客户只有无奈的开发者,如果iframe的出现是一个错误的话,iframe里边在来一个iframe那是错上加错,神话没有在远古的尘嚣中消失,却在怀具的今天不断上演。生活永远是一个大染缸,一块白布下去,黑布出来,一块黑布下去,一块七色布出来。contentWindow 兼容各个浏览器,可取得子窗口的 window 对象。conte原创 2016-02-29 11:43:08 · 373 阅读 · 0 评论 -
springMVC+Java验证码完善注册功能
这篇文章简单的写了一个java验证码,为之前写过的springMVC注册功能加上验证码,验证码的作用就不多说了,防止机器人程序恶意注册什么的。。。基本的注册功能的实现请查看之前的文章Maven搭建springMVC+spring+hibernate实现用户注册其中,我修改了该注册程序的部分代码,其中User.java,加上了password和code的属性,同时将password持原创 2016-02-29 14:24:32 · 572 阅读 · 0 评论 -
jquery的插件spinner的一些使用细节
开始,我不是不想写这个博文的,最近要做一个功能。就是需要使用到spinner这个插件功能。如下图spinner插件效果图看了效果图,其实,你应该知道我要做啥功能了。就是一个简单的,在下单量那里点击,上键或者下键,根据对于的商品价格进行总结计算。就这么一个简单的,我好意识要写博客?肯定不是这样原因,你百度一下关键字:jquery-spinner插件。搜索完之后,你原创 2016-02-03 13:16:01 · 2381 阅读 · 0 评论 -
能说明你的Javascript技术很烂的五个原因
Javascript 在互联网上名声很臭,但你又很难再找到一个像它这样如此动态、如此被广泛使用、如此根植于我们的生活中的另外一种语言。它的低学习门槛让很多人都称它为学 前脚本语言,它另外一个让人嘲笑的东西是动态语言的概念是偏偏使用了高标准的静态数据类型。其实,你和Javascript都站错了立场,而现在,你让 Javascript很生气。这里有五个原因能说明你的Javascript技术很烂。原创 2016-02-16 20:56:29 · 396 阅读 · 0 评论 -
如何设置select只读不可编辑且select的值可传递
1. 这种方法可以使下拉框和平常没有区别,看起来没有任何不同。唯一不同的就是下拉并单并选择之后,它不会鸟你,选了和没有选一样一样的。就是无视客户的选择。 2.设置disabled属性 这个看起来更直接,直观就是有只读的感觉,也不可以点击和下拉了。里面的字也会变成灰色 当属性设置为"disabled"时,提交表单时,select的值无法传递,提交前移除disable原创 2016-01-19 23:29:04 · 4661 阅读 · 0 评论 -
display:inline、block、inline-block的区别
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。 display:inline就是将元素显示为行内元素. inline元素的特点是: 和其他元素都在一行上;原创 2016-01-20 10:18:38 · 323 阅读 · 0 评论 -
jquery radio的取值 radio的选中 radio的重置
radio 按钮组, name=”sex”.MaleFemaleUnknown1. 获取radio选中的value.$('input:radio[name=sex]:checked').val();2. 选择 radio 按钮 (Male).$('input:radio[name=sex]:nth(0)').attr('checked',true);原创 2016-01-25 21:19:29 · 485 阅读 · 0 评论 -
jquery设置元素的readonly和disabled
Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下: 1.readonly $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性转载 2016-01-26 00:17:34 · 108 阅读 · 0 评论 -
Datatables+Bootstrap
http://sandbox.runjs.cn/show/thwac3ec 运行效果DOCTYPE html>html lang="en">head> meta charset="utf-8"> title>bootstrap datatable demotitle> meta name="viewport" content="width=device-w转载 2016-01-28 14:10:30 · 2550 阅读 · 1 评论 -
jQuery Validate验证框架详解
jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation一、导入js库/validate/jquery-1.6.2.min.js">/validate/jquery.validate.min.js">注:返回web项目的根路径。二、默认校验规则(1)、req转载 2016-01-28 19:55:00 · 336 阅读 · 0 评论 -
封装jQuery Validate扩展验证方法
一、封装自定义验证方法-validate-methods.js/***************************************************************** jQuery Validate扩展验证方法 (linjq) ****************************************原创 2016-01-28 19:59:26 · 375 阅读 · 0 评论 -
jquery.validate使用攻略 第一部
主要分几部分 jquery.validate 基本用法 jquery.validate API说明 jquery.validate 自定义 jquery.validate 常见类型的验证代码 下载地址 jquery.validate插件的文档地址 http://docs.jquery.com/Plugins/Validation jquery.valid转载 2016-02-01 10:32:11 · 335 阅读 · 0 评论 -
jQuery实现动态添加和删除一个div
我想做一个可以动态添加删除div的功能。中间遇到一个问题,最后在网友的热心帮助下解决了,使用到的jquery方法和思想就是:事件的绑定和销毁(unbind)本文主要给大家简单介绍一下如何动态的在一个元素添加和删除一个div,希望能够得到举一反三之效。代码实例如下:#father{ width:150px; height:150px; backgroun转载 2016-02-01 13:06:47 · 2410 阅读 · 0 评论 -
jquery $(document).ready() 与window.onload的区别
1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个转载 2016-02-01 13:15:08 · 365 阅读 · 0 评论 -
jQuery.Autocomplete实现自动补全(完成)词组功能(详解)
1、jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ http://docs.jquery.com/Plugins/Autocomplete 2、jquery.autocomplete详解 语法: autocomplete(urlor data, [o转载 2016-02-01 13:26:15 · 657 阅读 · 0 评论 -
Jquery AutoComplete自动完成 的使用方法实例
jQuery的Autocomplete(自动完成、自动填充)插件有不少,但比较下来我感觉,还是bassistance.de的JQuery Autocomplete plugin比较强大,我们就来写一些代码感受一下。jquery-autocomplete配置: 首先是一个最简单的Autocomplete(自动完成)代码片段: 复制代码代码如下:转载 2016-02-01 14:00:03 · 311 阅读 · 0 评论 -
jQuery图片上传前先在本地预览
js代码: /**名称:图片上传本地预览插件 v1.1*作者:周祥*时间:2013年11月26日*介绍:基于JQUERY扩展,图片上传预览插件 目前兼容浏览器(IE 谷歌 火狐) 不支持safari*插件网站:http://keleyi.com/keleyi/phtml/image/16.htm*参数说明: Img:图片ID;Width:预览宽度;Height:预览高度;转载 2016-02-29 23:31:12 · 824 阅读 · 0 评论