用超文本标记语言实现人人网注册界面，Js实现生日栏表单三级联动

1.效果

2.超文本标记语言代码部分

！DOCTYPE html html head lang=' en ' meta charset=' UTF-8 '标题人人网日期表单联动/title样式选择{ font:20px/40px '宋体；}选项{ width : 100px }/style/head dyform方法=' get ' onchange=' change month()' H3 align=' center '免费开通人人网账号/h3表格对齐='中心'高度='500' tr td注册邮箱： /tdtd输入类型=' text ' name=' name '/TD/tr trtd/tdtd你还可以使用a href='https://www.baidu.com '账号/a注册或者a href='https://www.baidu.com '手机号/a注册TD/tr/trtd创建密码：/TDT输入类型='密码'名称='密码'/TD/tr trtd真实姓名：/TDT输入类型=' password ' name=' name '/TD trtd align=' right '性别：/tdtd男输入类型='收音机'值='男'名='性别'/女输入类型='单选'值='女性'名称='性别/td/tr trtd align='右侧'生日： /tdtd div id='box '选择名称='sel1' id='sel1 '选项值='年'年/option/select select name=' sel 2 ' id=' sel 2 '选项值='月'月/option/select select name=' sel 3 ' id=' sel 3 '选项值='日'日/option/select span id=' result '/span/div/TD/tr trtd align=' right '我现在： /td tdselect name='subject '选项值='xu '正在上学/option选项值='cz '工作/option选项值='gz '赋闲/option选项值='bk '经商/option /select/td/tr trtd/tdtd！ [](非常代码。a href=' https://。百度。' com '看不清换一张？a /td/tr trtd验证码：/TDT输入类型='密码'名称='阎正/TD/tr/trtd/TDT da href=' https://www .百度。com！[](BTN注册。gif)/a/TD/tr/table/form/body/html 3 .Java脚本语言代码

脚本/生成日期函数creatDate() { //生成1900年-2100年for(var I=2016；i=1950年年；i - ) { //创建挑选项var选项=文档。创建元素('选项')；option.setAttribute('value '，I)；选项。innerhtml=I；sel1.appendChild(选项);} //生成一月-12月for(var I=1；i=12I){ var选项1=文档。创建元素('选项')；option1.setAttribute('value '，I)；选项1。innerhtml=I；sel2.appendChild(选项1);} //生成一日—31日for(var I=1；i=31I){ var选项2=文档。创建元素('选项')；option2.setAttribute('value '，I)；备选方案2。innerhtml=I；sel3.appendChild(选项2);} } creatDate()；//保存某年某月的天数定义变量天数；//年份点击绑定函数sel1.onclick=function() { //月份显示默认值sel2.options[0].selected=true//天数显示默认值sel3.options[0].select=true }//月份点击绑定函数sel2.onclick=function() { //天数显示默认值sel3.options[0].selected=true//计算天数的显示范围//如果是2月if(sel2.value==2) { //判断闰年if((sel 1。值% 4===0 sel 1。值% 100！==0)| | sel 1。值% 400===0){ days=29；} else { days=28} //判断小月} else if(sel 2。value==4 | | sel 2。value==6 | | sel 2。value==9 | | sel 2。value==11){ days=30；} else { days=31} //增加或删除天数//如果是28天，则删除29、30、31天（即使他们不存在也不报错)if(days==28){ sel 3。移除(31)；sel 3。移除(30)；sel 3。移除(29)；} //如果是29天if(天数==29){ sel 3。移除(31)；sel 3。移除(30)；//如果第29天不存在，则添加第29天if(！sel3.options[29]){ sel3.add(新的选项(' 29 '，' 29 '，null)}//如果是30天if(天数==30){ sel 3。移除(31)；//如果第29天不存在，则添加第29天if(！sel3.options[29]){ sel3.add(新的选项(' 29 '，' 29 '，null) } //如果第30天不存在，则添加第30天if(！sel3.options[30]){ sel3.add(新选项(' 30 '，' 30 '，null)}//如果是31天如果(天数==31){ //如果第29天不存在，则添加第29天if(！sel3.options[29]) { sel3.add(新的选项(' 29 '，' 29 '，null) } //如果第30天不存在，则添加第30天if(！sel3.options[30]) { sel3.add(新的选项(' 30 '，' 30 '，null) } //如果第31天不存在，则添加第31天if(！sel3.options[31]) { sel3.add(新的选项(' 31 '，' 31 '，null)} }//结果显示设置好日期时间后弹窗通知box.onclick=function() { //当年、月、日都已经为设置值时if(sel1.value！='year' sel2.value！='month' sel3.value！="day"){ alert('日期时间已经设定好');} }/脚本以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。