<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style> </head> <body> <!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介--> <form action="demo01.html"method="post"> <!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...
function showTime(a) {var b = {id: "showtime", //canvasidx: 60, //中心点坐标 X轴;y: 60, //中心点坐标 Y轴;radius: 60, //圆的半径angle: 0, //角度 无需设置linewidth: 6, //线的宽度backround: "#d65554", //倒计时背景色color: "#e4e4e4", //填充色day: 0,time: 0,minute: 0,seconds: 0}if (a) {b = $.extend(b, a);}this.total = 0;this.id = b.id;this.x = b.x;this.y = b.y;this.radius = b.radius;this.angle = b.angl...
package sample;import javafx.application.Application; import javafx.collections.FXCollections; import javafx.collections.ObservableList; import javafx.fxml.FXMLLoader; import javafx.scene.Scene; import javafx.scene.control.*; import javafx.scene.image.Image; import javafx.scene.image.ImageView; import javafx.scene.layout.HBox; import javafx.scene.layout.VBox; import javafx.stage.Stage;import java...
上篇文章中提到移动端上传图片，我们知道现在流量还是挺贵的，手机的像素是越来越高，拍个照动不动就是好几M，伤不起。虽然客户端可以轻轻松松实现图片压缩再上传，但是我们的应用还可能在浏览器里面打开，怎么办呢，图片压缩。受以前PC上的开发思维影响，尼玛js哪有权限去操作文件，哪有资格压缩图片啊，搞不了，你们客户端去整吧。只能说自己还是有些井底之蛙了。在HTML5的影响下，前端能干的事情越来越多了，开发的功能逼格也越...
基本概念在HTML5中，任何元素都可以拖放，Drap和Drop。拖放属于HTML事件中的Mouse事件。实例讲解代码地址：JS Bin... <body><div id="end-area" class="area"></div><img id="start-area" draggable="true" src="http://pic1.zhimg.com/d80d9ff11c28c19123bc75a27d3c1df8_l.jpg"> <script id="jsbin-javascript"> var img = document.getElementById("start-area"); img.ondragstart = function(event) {event.dataTransfer.setDa...
/*** desc : 合并指定表格（表格id为table_id）指定列（列数为table_colnum）的相同文本的相邻单元格* @table_id 表格id : 为需要进行合并单元格的表格的id。如在HTMl中指定表格 ，此参数应为 #data* @table_colnum : 为需要合并单元格的所在列.参考jQuery中nth-child的参数.若为数字，从最左边第一列为1开始算起;"even" 表示偶数列;"odd" 表示奇数列; "3n+1" 表示的列数为1、4、7、......* @table_minrow ? : 可选的,表示要合并列...
前言：因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传，而自己对java文件上传这一块未接触过，且对 Http 协议较模糊，故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版...
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> ...