今天和大家分享一个不使用图片美化复选框的方式。来看下效果图吧,如下是3种不同状态下的效果: 一. Html结构 注: label 标签的 for 属性值必须指定为 input 的 id 名称。 二. CSS 代码 1. 将原有的 input 标签透明度设为0 2. label:after 的宽高设置 ...
分类:
Web程序 时间:
2016-09-26 23:10:12
阅读次数:
363
最近同时问我js能不能读取本地文件; 想起以前看到js读取本地文件的文章,然后自己写了个demo。 ps:这有点想Java的IO流,但是又有差别。 首先我们定义一个input标签type="file" 然后我们定义一个jsReadFiles的方法将文件作为参数;当上传文件的时候读取这个文件 这里用到 ...
分类:
Web程序 时间:
2016-09-25 22:08:58
阅读次数:
1551
1、在input标签里应用html5的新特性autocomplete="off" 注:对chrome不管用。其他浏览器没试。 2、如果是一个输入框那就在当前input标签后面(一定要在紧挨的后面,否则不管用,不知原因,知情者请告诉我一下原因)写<input type="text" style="di ...
分类:
Web程序 时间:
2016-09-23 16:31:56
阅读次数:
211
(1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 $( ...
分类:
Web程序 时间:
2016-09-21 10:23:41
阅读次数:
207
某人需要在时间控件给文本框赋值时,触发事件函数。实现的效果: 1、文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件。阻塞在于失去焦点后才触发(输入过程中不触发事件) 2、通过JS方法修改值,修改后触发事件。重点阻塞在于此(JS赋值要触发) 最终采用方案: 1、IE(IE8及以下)下使用 ...
分类:
Web程序 时间:
2016-09-10 08:53:45
阅读次数:
457
通常在 WebUI 自动化测试过程中必然会涉及到文件上传的自动化测试需求,而开发在进行相应的技术实现是不同的,粗略可划分为两类:input标签类(类型为file)和非input标签类(例如:div、a或其他方式结合实现)。 非input标签类因其有各式各样的实现方式,需要考虑具体的场景,因而此文对此 ...
分类:
Web程序 时间:
2016-09-09 06:31:00
阅读次数:
544
有的时候,不得不使用循环中的索引,比如label对应的单选多选: 这样就有label指向到唯一的input标签啦 ...
分类:
其他好文 时间:
2016-09-07 09:19:29
阅读次数:
215
1 :valid 符合验证的表单样式 :novalid 不符合验证的表单样式 :requestired 必须验证的表单的样式 :optional 没有必须验证的表单样式 2 3 当input标签有required验证时 不符合的边框将显示红色 符合的将显示蓝色 ...
分类:
其他好文 时间:
2016-09-06 22:47:30
阅读次数:
130
1.input标签:<input> 标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式。 输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。例如:Frist name:<input type="text" name="fname">2.在html中<inp ...
分类:
其他好文 时间:
2016-09-04 22:30:16
阅读次数:
130
当input标签在type为text时,在Firefox和Safari中的默认高度为22像素(包括上下边框)宽度为146像素(包括左右边框),而在IE中的默认高度为24像素,而宽度却和Firefox和Safari是一致的,也是146像素。 当 input标签在type为submit时,在Firefo ...
分类:
其他好文 时间:
2016-09-01 20:02:06
阅读次数:
129