p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #d12f1b }
span.s1 { color: #ba2da2 }
span.s2 { color: #957e35 }
span.s3 { }
span.s4 { color: #000000 }数字格式 1~100 保留小数点后两位<input type="text" id="bizText" oninput="checkNum(this)" pattern="[0-9.]*" maxlength="5"/>%function checkNum(obj) {//只能输入数字和.obj.value=obj.value.replace(/[^\d.]/g,‘‘);//检查是否是非数字值if (...
个人认为在HTML5中画布功能其实并不实用,当然趋势是在FLASH不没落的情况下。通过学习我发现画布功能能够实现的东西非常有情调,但是前端人员也要有一定的审美和构思才能做出有意思的东西,因为canvas能提供的东西实在太少了。 当然在苹果抵制Flash的前提下,Flash的前景并不光明,这也给了我们前端人员更多的负担和机会。因为在这一块UI是没有我们对于HTML5来的熟悉的。下面就是我对HTML5学习过后的一个总结。 first part ...
由于项目中用到了全屏化挫折功能,查看了API后写了一个简单的全屏化model<!DOCTYPE html><html><head><meta charset="utf-8"/><title></title><style type="text/css">.div1{width: 1000px;height: 500px;border: solid 1px blue;}.test{ width:100%; background: black;height:100%;min-height: 400px;border: solid 1px red;}div{color: #fff;}</style></head><body><div class="div1"><div id="div2" class="tes...
目前的页面常用在Chrome下打开, 有一列的的字段值会出现过长的字符导致该列表格被填充拉长,而且当页面拖动放大时,还会出现换行的情况,导致所有单元格的行高跟着拉伸,影响美观。如下图所示计划将第六列的内容按一定的方式缩减,必要时显示全部字符。方案一: 用tooltip做悬浮提示toolip 是CSS中的一种样式,专门做悬浮框,支持很多自定义的风格,上图是一个顶部提示框带底部箭头的悬浮框。代码如下:styles.css 中新增:.toolt...
一:什么是HTML5的form自动完成功能?首先,HTML5 中有个新属性autocomplete ,autocomplete 属性规定表单是否应该启用自动完成功能,它自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。如:12345678<formautocomplete="on"> First name:<inputtype="text"name="fname"/><br/> Last name: <inputtype="text"name="lname"/><br/> E-mail: <inputtype="em...
做项目的时候遇到这样一个问题,因为我是用ExtJs做的后台管理框架,所以当我使用ExtJs
htmleditor 控件的时候,发现没有图片上传的功能,于是我打算在网上找找有关的文章,居然真有人写过,不过可惜的是,不支持ExtJs
4.2.1版本,所以我再搜索,终于被我找到了,现在将代码贴出,本着开源精神,我将代码开源,最后我想感谢一个人:马平川,cr10210206@163.com正是他的奉献所以才完成这个功能的,非常感谢!?123456789101112131415...
<form>@*html5确实牛,有一个基本的自检功能*@<label>邮箱地址:</label><input type="email" required="required" />@*输入的类型为数字,最大值为0,最小值为100,只能是0,5,10,这里就不需要required*@<br /><label>年龄:</label><input type="number" min="0" max="100" step="5" /><br /><input type="range" min="0" max="100" required="required" /><br /><label>站内搜索</label><input type="search" placeholder="搜索" ...
在html5中可以使用canvas标签在画布上画图,先直接上代码,这篇文章先简单介绍一下canvas的使用方法,简单画几个圆,矩形,三角形,写字。在代码中均给出了注释,在这里特别强调的一点是:使用canvas画图时有时候必须beginPath和colsePath,但有时不需要,为了防止出现问题,可以在每次重新画一个图时重新开启路径,画完后关闭路径。这些代码是在猎豹浏览器上实现的,有些浏览器可能不支持。[html] view plaincopy <!DOCTYPE html> ...
在手机浏览器中,长按可选中文本,但如果在应用中,会给人一种异样的感觉,最好还是禁用此功能为上。* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} 原文:http://www.cnblogs.com/iihe602/p/4269083.html
vue html页面打印功能vue-print 原文:https://www.cnblogs.com/hool/p/12937255.html
使用a标签实现导航菜单,a标签是css里的内联对象,不能像div这种块对象一样,可以设置标签的width和height。使用css的display属性,设置成block后,内联对象就变成了块对象,就能行div一样灵活设置了。
如布布分享导航是:[首页] [影视专题] [最新电影] [大陆电影]等,实用a标签,代码如下:<a href="/" class="toptitle">首页</a> <a href="/zhuantilist_1.html" class="toptitle">影视专题</a>
<a href="/ixinlist_1_1.html...
前面的话: 1. 网页引用的bootstrap 中的表格,所以需要引入样式类 2. 第一次写文章,不喜勿喷。有不足的地方,可留言我改正,在此先谢过。HTML代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分页</title> <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css"></head><body><div class="container"><table class="table table-bordered"> <thead> <t...
<!DOCTYPE html><!-- 解释器--><html lang="en"><head><!--meta标签中可以设置 字符编码、自动刷新、跳转、IE兼容、爬虫识别关键字、关键字描述、浏览器图标--><meta charset="UTF-8"><meta http-equiv="Refresh" Content="1"><!-- 3秒刷新一次--><meta http-equiv="Refresh" Content="2;url=http://www.ksyun.com"/><!-- 2秒后自动跳转到指定url--><meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8,IE=IE7;"><meta nam...
在.Net Asp Mvc 4中使用 HTML to PDF功能情况说明首先这是一个公司的老项目,使用的是 .Net Framework 4 与 MVC 4。之前使用的是 ephtmltopdf 将HTML代码转换为PDF。在 Windows Server 2008 上没有说明问题。但是部署在 Windows Server 2012上发现,生成的PDF会有重复,空白页的情况,为了解决这个问题。打算使用puppeteer-sharp来生成PDF,避免依赖IE的问题。升级 .Net Framework 到 4.6.1 版本目前 puppeteer-sharp 只支持 .NET ...
一、HTML5 Notification 简介HTML5 Notification ,即桌面通知。目前浏览器依然是一个严格的沙盒工作模式,这种模式把浏览器和桌面的通信隔离开。Notification可以跨越沙盒能够让浏览器即使是最小化状态也能将消息通知给用户。二、桌面提醒API复制代码代码如下:window.webkitNotifications该API有3个方法:复制代码代码如下:requestPermission 请求桌面通知checkPermission 检查桌面通知许可(PERMISSION_ALLOWED = 0, PERMISSI...