html5用户注册页面代码,HTML5注册页面示例代码_html5教程技巧
点评:HTML5写的注册页面,正在学习html5的朋友可以参考下
复制代码代码如下:
register.html
function play(){
document.getElementById("menu_item").style.display = "";
}
function noplay(){
document.getElementById("menu_item").style.display = "none";
}
function passwd(){
var pass = document.getElementById("password").value;
var tip = document.getElementById("tip");
if (pass.length < 4) {
document.getElementById("meter").value = pass.length;
tip.innerHTML = "差";
}
else
if (pass.length <= 8) {
document.getElementById("meter").value = pass.length;
tip.innerHTML = "中";
}
else {
document.getElementById("meter").value = pass.length;
tip.innerHTML = "高";
}
}
会员注册 |
||||||||||||||||||||||||||||
|
复制代码代码如下:
body {
background-image: url("../images/bg.jpg");
text-align: center;
background-repeat: repeat-x;
background-position: 0px 0px ;
background-size:
}
.table {
border: 1px solid #90BFFF;
width:810px;
}
tr {
font-family: 微软雅黑;
font-weight:800;
color: #448EF3;
}
input{
border: 1px solid #448EF3;
color: #448EF3;
font-weight:bold;
font-family: "微软雅黑";
height: 35px;
line-height: 30px;
border-radius:5px;
}
.submit {
width: 150px;
height: 40px;
cursor :hand;
font-size: 20px;
color: #ffffff;
background-color: #448EF3;
border: 0px;
}
.thead {
height: 40px; background : #90BFFF;
font-family: "微软雅黑";
font-size: 30px;
font-weight: 700;
color: #ffffff;
background: #90BFFF;
}
#3{
margin-bottom: 100px;
}
复制代码代码如下:
function ChkAllClick(sonName, cbAllId){
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
var tempState=cbAll.checked;
for(i=0;i
if(arrSon[i].checked!=tempState)
arrSon[i].click();
}
}
function ChkSonClick(sonName, cbAllId) {
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
for(var i=0; i
if(!arrSon[i].checked) {
cbAll.checked = false;
return;
}
}
cbAll.checked = true;
}
function ChkOppClick(sonName){
var arrSon = document.getElementsByName(sonName);
for(i=0;i
arrSon[i].click();
}
}
function changeBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#90BFFF"
}
function recoverBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#448EF3"
}
------------------------------------------------
上面文件的顺序是:register.html register.css checkbox..js
-------------------------------------------------
背景图片:bg.jpg
html5用户注册页面代码,HTML5注册页面示例代码_html5教程技巧相关推荐
- html5应用转换教程,20佳惊艳的HTML5应用程序示例分享_html5教程技巧
1-HTML5 Canvas Collage 基于HTML5 Canvas开发的拼贴应用,每个图层都可以按不同的方式进行改变,例如移动.缩放.旋转.透明度.阴影等,还可以调整层叠顺序. 2-Full ...
- php %3cphp用大括号表示,整理HTML5中支持的URL编码与字符编码_html5教程技巧
URL 编码URL 编码就是将 URLs 中不宜打印的字符或者具有特殊意义的字符转换为 Web 浏览器和服务器明白且普遍接受的表示法. 这些字符包括: ASCII 控制字符 - 不宜打印的字符通常用于 ...
- html中%3c%3e字符原样显示,整理HTML5中支持的URL编码与字符编码_html5教程技巧-H5教程...
URL 编码URL 编码就是将 URLs 中不宜打印的字符或者具有特殊意义的字符转换为 Web 浏览器和服务器明白且普遍接受的表示法. 这些字符包括: ASCII 控制字符 - 不宜打印的字符通常用于 ...
- 用php绘制空心圆,html5使用canvas画空心圆与实心圆_html5教程技巧
这里给大家分享的是一个学习canvas的时候做的画空心圆与实心圆的练习题,非常简单. 代码如下: var canvas=document.getElementById("canvas&quo ...
- html导出excel代码,html页面导出为excel表格(示例代码)
简介这篇文章主要介绍了html页面导出为excel表格(示例代码)以及相关的经验技巧,文章约4421字,浏览量324,点赞数9,值得推荐! 导出考勤表格 王婷111 一见倾城333 祈澈姑娘222 P ...
- Web页面右下角弹出窗口示例代码
Web页面右下角弹出窗口示例代码 声明:本代码来源于CSDN论坛,原帖为http://community.csdn.net/Expert/TopicView3.asp?id=5239784 版权归原作 ...
- 百叶窗设计原理 html5,Html5百叶窗效果的示例代码_html5教程技巧
本篇文章主要介绍了Html5百叶窗效果的示例代码,小编觉得挺不错的,现在分享给大家HTML5源码和解释,也给大家做个参考.对HTML5感兴趣的小伙伴可以一起跟随小编过来看看吧 本文介绍了Html5百叶 ...
- php使用webservivce_基于SSM框架实现简单的登录注册的示例代码
一.环境配置工程目录 在pom.xml添加依赖 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apac ...
- html5证书,免费获得微软MCSD证书赶快行动吧!_html5教程技巧
各位园友们,赶快行动起来吧,免费获得微软HTML5,JavaScript和CSS3的MCSD证书(价值一千多大洋).如果你对此感兴趣,下面就和圣殿骑士一起完成注册和考试预定(PS.今天新加坡过节,不上 ...
- html5有证书吗,免费获得微软MCSD证书赶快行动吧!_html5教程技巧
各位园友们,赶快行动起来吧,免费获得微软HTML5,JavaScript和CSS3的MCSD证书(价值一千多大洋).如果你对此感兴趣,下面就和圣殿骑士一起完成注册和考试预定(PS.今天新加坡过节,不上 ...
最新文章
- 客户端函数弹窗_前端常用的几种弹窗函数
- C#里面比较时间大小三种方法
- 如何使用Microsoft技术栈
- iOS证书申请详细流程
- MTK平台 Android4.0.3 定制关机动画
- html5 java交互_html5+jquery与ssm进行json交互集成项目
- C++语言基础 例程 设计模式简介
- 关于黑客的报道里绝对不会提到的信息
- lucene_Lucene组件概述
- 读取Excel任务列表并显示在Outlook日历上
- ios 学习札记 细节(四)
- 130242014066-王伟华-实验一
- Python-实现九宫格
- 注塑模具与吹塑模具的区别
- 第三章:x264视频制作meGUI工具使用
- 海信IP202H盒子破解方法
- 地铁牵引供电系统MATLAB/Simulink仿真建模
- 时间抖动(jitter)--学习笔记
- python提取wind数据_用Python从wind获取数据,转换成dataframe格式,并保存为Excel文件,excel...
- php防止恶意刷新与刷票的方法