HTML注册页面代码,html5登录注册代码
复制代码代码如下：
！声明文档类型
超文本标记语言
头
titleregister.html/title
meta http-equiv= keywords content= keyword 1，keyword2，keyword3
meta http-equiv= description content=这是我的页面
meta http-equiv= content-type content= text/html；charset=UTF-8
链接版本=快捷图标href=favicon.ico /
link rel=样式表 type= text/CSS href= CSS/register。CSS /
脚本src= js/checkbox。js type= text/JavaScript
/脚本
脚本类型=文本/javascript
函数播放(){
文档。getelementbyid( menu _ item )。风格。显示=“”；
}
函数noplay(){
文档。getelementbyid( menu _ item )。风格。display= none
}
函数密码(){
var pass=文档。getelementbyid(“密码”).价值；
var tip=文档。getelementbyid( tip )；
if (pass.length 4) {
document.getElementById(meter ).值=传递长度
tip.innerHTML=差；
}
其他
if (pass.length=8) {
document.getElementById(meter ).值=传递长度
tip.innerHTML=中；
}
否则{
document.getElementById(meter ).值=传递长度
tip.innerHTML=高；
}
}
/脚本
/头
身体
div id= 3 style= position:relative；top:100px；z索引：3;
form id= f1 action= register。“html”方法=“post”
table align= center cellspacing= 0 class= table
"头"
td align=居中
会员注册
/td
/tr
tr
任务描述
表id=注册表 border= 0px align= center border= 0px cellspacing= 0 单元格填充= 5px
tr
tr
td align=右
员工编号：
/td
td align=left
输入类型= text name= username placeholder=用户名必需的/
/td
/tr
tr
td align=右
密码：
/td
td align=left
输入类型=密码名称=密码id=密码占位符=密码required onkeyup=passwd()/
仪表最小值=1 最大值=10 下限=5 上限=8 值=0 id=仪表
/米
span id=tip/span
/td
/tr
tr
td align=右
密码确认：
/td
td align=left
输入类型=密码名称=密码2 占位符=确认密码必需的/
/td
/tr
tr
td align=右
生日：
/td
td align=left
输入类型=日期名称=出生日期/
/td
/tr
tr
td align=右
性别：
/td
td align=left
输入类型=单选名称=性别值=0 已检查/男
输入类型=单选名称=性别值=1/女
/td
/tr
tr
td align=右
邮箱：
/td
td align=left
输入类型=电子邮件名称=电子邮件占位符=邮箱id=电子邮件必填/
/td
/tr
tr
td align=右
手机：
/td
td align=left
输入类型=电话模式=[0-9]{ 11 } id= p name= phone placeholder=请输入11位数字 /
/td
/tr
tr
td align=右
地址：
/td
td align=left
输入类型= text name= address placeholder=地址list=l/
datalist id=l
选项值=嘘上海/选项
选项值=bj 北京/选项
选项值=js 江苏/选项
选项值=zz 郑州/选项
选项值=sz 深圳/选项
/数据列表
/td
/tr
tr
td align=右
个人网页：
/td
td align=left
输入类型=url name=page placeholder=主页网址 /
/td
/tr
tr
td align=右
起床时间：
/td
td align=left
input type= time name= bed onblur= pro()/
/td
/tr
tr
td align=右
头像：
/td
td align=left
input type= file id= f accept= image/JPEG onchange= show()/spanimg id= img src= width= 60 height= 60 /span
脚本
函数显示(){
var文件=文档。getelementbyid( f ).文件[0];
var file reader=new file reader()；
fileReader.readAsDataURL(文件);
fileReader.onload=function(){
document.getElementById(img ).src=文件阅读器.结果
}
}
/脚本
/td
/tr
tr
任务描述列span=2
细节
p
允许注册
标记
许可证
/马克信息
/p
摘要
注册许可信息
/摘要
/详细信息
/td
/tr
tr
td align=右
验证码：
/td
td valign=中间
input type= text name= captcha size= 11 maxlength= 4 title=输入右边的验证码 /
span id=span/span
脚本
var span=文档。getelementbyid( span )；
跨度。innerhtml=math。地板(数学。random())；
/脚本
/td
/tr
tr height=60px
td align=center colspan=2
输入类型=按钮值=转到登录onclick=窗口。位置。替换(登录。html ) id= Bt n1 onmousemove= change bgcolor( Bt n1 ) onmouseout= recover bgcolor( Bt n1 ) class= submit /input type= submit 访问键= enter value=注册id= BTN onmousemove= changeBgColor( BTN ) onmouseout= recover bgcolor( BTN )；class= submit 表单方法= post /
/td
/tr
/表格
/td
/tr
/表格
/表单
/div
/body
/html复制代码代码如下：
正文{
背景图像：url(./图片/背景。jpg’)；
文本对齐：居中；
背景-重复：重复-x；
背景-位置：0px 0px
背景尺寸：
}。表格{
边框：1px纯色# 90BFFF
宽度：810像素
}
tr {
字体系列：微软雅黑；
字体粗细：800;
颜色：# 448EF3
}
输入{
边框：1px纯色# 448EF3
颜色：# 448EF3
字体粗细：粗体；
字体系列： 微软雅黑；
高度：35px
行高：30px
边框半径：5px
}。提交{
宽度：150像素
高度：40px
光标：手；
字体大小：20px
颜色：# ffffff
背景色：# 448EF3
边框：0px
}。标题{
高度：40px背景：# 90BFFF
字体系列： 微软雅黑；
字体大小：30px
字体粗细：700;
颜色：# ffffff
背景：# 90BFFF
}
#3{
边距-底部：100像素
} 复制代码代码如下：
函数ChkAllClick(sonName，cbAllId){
var arr son=文档。getelementsbyname(sonName)；
var cbAll=文档。getelementbyid(cbAllId)；
var tempState=cbAll.checked
for(I=0；我的儿子。长度；i ) {
if(arrSon[i]).检查过了！=tempState)
艾森[我]。单击();
}
}
函数ChkSonClick(sonName，cbAllId) {
var arr son=文档。getelementsbyname(sonName)；
var cbAll=文档。getelementbyid(cbAllId)；
for(var I=0；我的儿子。长度；i ) {
如果(!艾森[我]。已检查){
cbAll.checked=false
返回；
}
}
cbAll.checked=true
}
函数ChkOppClick(sonName){
var arr son=文档。getelementsbyname(sonName)；
for(I=0；我的儿子。长度；i ) {
艾森[我]。单击();
}
}
功能更改背景颜色(背景色){
var BTN=文档。getelementbyid(BTN)；
BTN。风格。背景色= # 90 bfff
}
函数恢复颜色(btn){
var BTN=文档。getelementbyid(BTN)；
BTN。风格。背景色= # 448 ef3
}
-
上面文件的顺序是：register.html register.css复选框.射流研究…
-
背景图片：bg.jpg
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。