當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业

發(fā)布時間：2024/1/1 javascript 20 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

HTML5期末大作業(yè)：管理系統(tǒng)網(wǎng)站設(shè)計——學(xué)生信息管理系統(tǒng)模板 (13頁) HTML+CSS+JavaScript html網(wǎng)頁設(shè)計期末大作業(yè)_網(wǎng)頁設(shè)計平時作業(yè)

常見網(wǎng)頁設(shè)計作業(yè)題材有個人、美食、公司、學(xué)校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環(huán)保、書籍、婚紗、軍事、游戲、節(jié)日、戒煙、電影、攝影、文化、家鄉(xiāng)、鮮花、禮品、汽車、其他等網(wǎng)頁設(shè)計題目, A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!

作品介紹

1.網(wǎng)頁作品簡介 ：HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機PC響應(yīng)式布局。

2.網(wǎng)頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁）。

3.網(wǎng)頁作品技術(shù)：Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級三級頁面等，視頻、音頻元素、Flash，同時設(shè)計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。

文章目錄

HTML5期末大作業(yè)：管理系統(tǒng)網(wǎng)站設(shè)計——學(xué)生信息管理系統(tǒng)模板 (13頁) HTML+CSS+JavaScript html網(wǎng)頁設(shè)計期末大作業(yè)_網(wǎng)頁設(shè)計平時作業(yè)
作品介紹
一、作品展示
二、文件目錄
三、代碼實現(xiàn)
四、獲取更多源碼
五、獲取更多源碼
六、學(xué)習(xí)資料
七、更多源碼

一、作品展示

二、文件目錄

三、代碼實現(xiàn)

<!DOCTYPE html> <html lang="zh-cn"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /><meta name="keywords" content="畢業(yè)報到系統(tǒng)前臺"/><meta name="description" content=""/><meta name="author" content="f2e_hhf[ai]"/><title>某某市大學(xué)生畢業(yè)生網(wǎng)上報到系統(tǒng) </title><link href="dist/css/bootstrap.min.css" rel="stylesheet" media="screen"><link href="dist/css/xg_bybd.css" rel="stylesheet" media="screen"> </head> <body>  <div class="container xg-bybd aiui"><div class="sys-name"><img src="images/system-name.png"/> </div><div class="row"><div class="col-md-2 col-sm-3 step"><h3>報到步驟</h3><ul><li onclick="javascript:window.location.href='index.html' " ><div class="clearfix"><span class="pull-left nav-adorn"><em>1</em></span><span class="pull-left words">閱讀注意事項<br/>填寫身份證號</span></div></li><li class="choice" onClick="javascript:window.location.href='2.html'"><div class="clearfix"><span class="pull-left nav-adorn"><em>2</em></span><span class="pull-left words">畢業(yè)生報到情況登記表</span></div></li><li onClick="javascript:window.location.href='3.html'"><div class="clearfix"><span class="pull-left nav-adorn"><em>3</em></span><span class="pull-left words">確認您所填寫資料的正確性</span></div></li><li onClick="javascript:window.location.href='5.html'"><div class="clearfix"><span class="pull-left nav-adorn"><em>4</em></span><span class="pull-left words last-w">完成報到</span></div></li></ul><a class="refer-btn" href="5.html">大中專畢業(yè)生報到查詢</a></div><div class="col-md-10 col-sm-9"><div class="r-content sheet"><div class=" form-s1"><div class="row "><label class="col-sm-3">姓名：</label><div class="col-sm-8 col-md-4"><input class="form-control" placeholder="請輸入姓名" type="text"></div><div class="col-md-4 col-sm-8 col-sm-offset-3 col-md-offset-0"><label class="tips">姓名中間不能有空格</label></div></div><div class="row mt20"><label class="col-sm-3">性別：</label><div class="col-sm-9"><ul class="list-inline radio-box"><li class="r-selected"><div class="radio pull-left"><input type="radio"></div><div class="pull-left">男</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">女</div></li></ul></div></div><div class="row mt20"><label class="col-sm-3">報到證編號：</label><div class="col-sm-8 col-md-4"><input class="form-control" placeholder="請輸入報到證編號" type="text"></div><div class="col-md-4 col-sm-8 col-sm-offset-3 col-md-offset-0"><label class="tips">請用半角阿拉伯?dāng)?shù)字</label></div></div><div class="row mt20"><label class="col-sm-3">身份證：</label><div class="col-sm-8 col-md-4"><input class="form-control" type="text" value="442000199012251133" disabled="disabled"/></div><div class="col-md-4 col-sm-8 col-sm-offset-3 col-md-offset-0"><label class="tips">請用半角阿拉伯?dāng)?shù)字</label></div><div class="col-md-8 col-sm-offset-3 mt10"><button type="button" class="btn btn-default blue30 btn-blue mr10">選擇文件</button><span class="tips">正反身份證掃描件或照片，文件不大于3M</span></div></div><div class="row mt20 "><label class="col-sm-3">畢業(yè)學(xué)校：</label><div class="col-sm-8 col-md-4"><div class="dropdown list-value"><input class="form-control dropdown-toggle" data-toggle="dropdown" placeholder="請輸入畢業(yè)學(xué)校" aria-expanded="true" type="text"><ul class="dropdown-menu"><li role="presentation"><a href="#">某某第一中學(xué)</a></li><li role="presentation"><a href="#">某某第二中學(xué)</a></li><li role="presentation"><a href="#">某某第三中學(xué)</a></li><li role="presentation"><a href="#">某某第四中學(xué)</a></li><li role="presentation"><a href="#">某某第五中學(xué)</a></li><li role="presentation"><a href="#">某某第六中學(xué)</a></li><li role="presentation"><a href="#">某某第七中學(xué)</a></li><li role="presentation"><a href="#">某某第八中學(xué)</a></li><li role="presentation"><a href="#">某某第九中學(xué)</a></li><li role="presentation"><a href="#">某某第十中學(xué)</a></li></ul></div></div></div><div class="row mt20"><label class="col-sm-3">生源地：</label><div class="col-sm-8 col-md-4"><div class="form-control dropdown"><a class="w-select dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="state"><span class="value">value-1</span><i class="qky-icon"></i></a><ul class="dropdown-menu " role="menu"><li role="presentation"><a href="#">value-2</a></li><li role="presentation"><a href="#">value-3</a></li></ul></div></div></div><div class="row mt20"><label class="col-sm-3">所學(xué)專業(yè)：</label><div class="col-sm-8 col-md-4"><div class="dropdown list-value"><input class="form-control dropdown-toggle" data-toggle="dropdown" placeholder="請輸入所學(xué)專業(yè)" aria-expanded="true" type="text"><ul class="dropdown-menu"><li role="presentation"><a href="#">計算機應(yīng)用技術(shù)</a></li><li role="presentation"><a href="#">計算機網(wǎng)絡(luò)管理</a></li><li role="presentation"><a href="#">平面設(shè)計視覺傳達</a></li></ul></div></div></div><div class="row mt20"><label class="col-sm-3">學(xué)歷層次：</label><div class="col-sm-9"><ul class="list-inline radio-box"><li class="r-selected"><div class="radio pull-left"><input type="radio"></div><div class="pull-left">大專</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">高中及以下</div></li></ul></div></div><div class="row mt20 "><label class="col-sm-3">畢業(yè)時間：</label><div class="col-sm-8 col-md-4"><input class="form-control timeicon" placeholder="請輸入姓名" type="text" onClick="laydate()"></div></div><div class="row mt20"><label class="col-sm-3">就業(yè)情況：</label><div class="col-sm-9"><ul class="list-inline radio-box"><li class="r-selected"><div class="radio pull-left"><input type="radio"></div><div class="pull-left">已就業(yè)</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">暫末就業(yè)</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">創(chuàng)業(yè)</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">正在創(chuàng)業(yè)</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">創(chuàng)業(yè)成功</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">升學(xué)</div></li></ul></div></div></div><div class="remark mt20 "><p class="text-center">*請按照報到證的內(nèi)容填寫登記表, 認真核對報到信息，確認報到后不能修改。</p></div><p class="text-center mt20"><button type="button" class="btn btn-default blue30 btn-blue mr10">確認報到</button></p></div></div></div> </div> <div class="footer"><p>技術(shù)支持:某某網(wǎng)絡(luò)公司更多模板：<a href="http://www.mycodes.net/" target="_blank">源碼之家</a></p> </div><script src="dist/js/jquery-1.7.1.min.js"></script> <script src="dist/js/bootstrap.min.js"></script> <script src="dist/js/datepicker/laydate.js"></script> <script>$(function () {$(".radio-box li").each(function(index){$(this).click(function(){$(this).parent().find("li").removeClass("r-selected");$(this).addClass("r-selected");});});}); </script></body> </html>

四、獲取更多源碼

🧡作者主頁-更多源碼
🧡HTML期末大作業(yè)文章專欄
~ 關(guān)注我，點贊博文~ 每天帶你漲知識!
相關(guān)問題可以相互學(xué)習(xí)，可關(guān)注↓公Z號獲取更多源碼 !

五、獲取更多源碼

~ 關(guān)注我，點贊博文~ 每天帶你漲知識!
相關(guān)問題可以相互學(xué)習(xí)，可關(guān)注↓公Z號獲取更多源碼 !

六、學(xué)習(xí)資料

web前端零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站

七、更多源碼

HTML5期末考核大作業(yè)源碼* 包含個人、美食、公司、學(xué)校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環(huán)保、書籍、婚紗、軍事、游戲、節(jié)日、戒煙、電影、攝影、文化、家鄉(xiāng)、鮮花、禮品、汽車、其他可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!

總結(jié)

以上是生活随笔為你收集整理的HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： html左侧导航栏树状,请问这种树形结构
下一篇：【自考】计算机网络原理概述