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"
}
html5用户注册页面代码,HTML5注册页面示例代码相关推荐
- 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 版权归原作 ...
- php使用webservivce_基于SSM框架实现简单的登录注册的示例代码
一.环境配置工程目录 在pom.xml添加依赖 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apac ...
- html风车相册代码,Css Html 大风车(示例代码)
简介这篇文章主要介绍了Css Html 大风车(示例代码)以及相关的经验技巧,文章约3675字,浏览量138,点赞数2,值得参考! div{ border-radius: 50%;position: ...
- linux mv编写代码,Linux命令--mv(示例代码)
简介这篇文章主要介绍了Linux命令--mv(示例代码)以及相关的经验技巧,文章约4069字,浏览量253,点赞数7,值得推荐! Linux--mv mv经常被用来做备份 命令参数: -b :若需覆盖 ...
- ABOV单片机内部中断优先级寄存器IP1x/IPx的设置代码实现讲解及示例代码-[MC96F6332D]
一.准备工作 1.KEIL C51编译环境 2.外部中断EINT示例代码-MC96F6332D 3.MC96F6332D 开发板 4.USB-OCD II仿真器 二.代码部分 1.现代单片机MC96F ...
- java用户名密码不能为空代码_jsp注册页面用户名,密码,确认密码,手机号,邮箱不能为空...
效果图: 全部代码: pageEncoding="UTF-8"%> 注册界面 body{ background-image:url(images/image2.jpg); b ...
- 客户端跳转代码html5,HTML5跳转小程序wx-open-launch-weapp的示例代码
注意事项 微信开放标签有最低的微信版本要求,以及最低的系统版本要求. 微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3及以上.Android 5.0及以上. 绑定域名 微信安全域 ...
- 网页游戏五子棋php,HTML5网页版黑白子五子棋游戏的示例代码分享
闲来无事做,用H5搞了几个小游戏,当然本人只是菜鸟,搞出来玩玩,大神莫喷哦, 1.HTML5网页版黑白子五子棋游戏代码,源码请下载附件! 部分前端代码: 五子棋 *{ margin:0; paddin ...
- html5实现安卓的手写功能,html5 canvas手写字代码(兼容手机端)(示例代码)
html5 canvas手写字代码(兼容手机端) 画板实验 清 空 生成图片 var canvas,board,img; canvas = document.getElementById('myCan ...
最新文章
- Yann LeCun:距离“真正的” AI,我们还缺什么?
- C# winform 后台控制删除动态生成的控件
- parted如何将磁盘所有空间格式化_linux下大于2T的硬盘格式化方法
- 「第六篇」对于电赛,我们应该看重什么?
- 最近和朋友微信卖螃蟹有点偏离重心了
- 笔记本电脑电源已接通未充电_dell xps15 电源已接通 未充电 维修方法
- python设计模式(七):组合模式
- 基于HTTP请求头字段 User-Agent用户环境 开发多端应用
- ORA-00600 [4194] 故障处理
- visual studio-wdk8.1+vs2013中使用winusb模版开发usb设备驱动
- 微信公众号H5网页跳转小程序方法
- java一天一只顽猴想去从山脚_六年级上册语文一课一练(附答案)
- 问题 D: 寻找丢失的LZY
- 实时换脸技术——直播,视频通话|脸部交换程序
- 反向代理方式实现IIS与Tomcat整合
- 正面杠腾讯音乐与网易云音乐,抖音与快手谁能“弯道超车“?
- 使用腾讯云clb实现https转发
- WordPress柒比贰B2 V2.9.9自媒体主题模板
- 解读谷歌的AI杀手级专利:Dropout
- 华为 虚拟机 fusion服务器,华为FusionCompute虚拟机挂载点磁盘空间在线扩容
热门文章
- osg加载osgb数据_PCM点云数据处理软件功能使用第十七弹
- 开源点云数据处理 开源_大数据开源安全
- Redhat 7 配置Yum仓库
- java+ssh实现级联下拉列表(以行业大类和详细类为例)
- python文本分析工具_可以用来分析文本数据的Python工具的完整指南
- 使用FlyMcu.exe中出现的问题
- MUSIC算法相关原理知识(物理解读+数学推导+Matlab代码实现)
- zmap扫描mysql_互联网扫描器 ZMap 完全手册
- 大数据毕设/课设 - 基于大数据的客流量数据可视化平台
- 小米球ngrok如何后台启动