當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

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

發布時間：2024/1/1 javascript 32 豆豆

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

HTML5期末大作業：管理系統網站設計——學生信息管理系統模板 (13頁) HTML+CSS+JavaScript html網頁設計期末大作業_網頁設計平時作業

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

作品介紹

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

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

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

文章目錄

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

一、作品展示

二、文件目錄

三、代碼實現

<!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="畢業報到系統前臺"/><meta name="description" content=""/><meta name="author" content="f2e_hhf[ai]"/><title>某某市大學生畢業生網上報到系統 </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">畢業生報到情況登記表</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">大中專畢業生報到查詢</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">請用半角阿拉伯數字</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">請用半角阿拉伯數字</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">畢業學校：</label><div class="col-sm-8 col-md-4"><div class="dropdown list-value"><input class="form-control dropdown-toggle" data-toggle="dropdown" placeholder="請輸入畢業學校" aria-expanded="true" type="text"><ul class="dropdown-menu"><li role="presentation"><a href="#">某某第一中學</a></li><li role="presentation"><a href="#">某某第二中學</a></li><li role="presentation"><a href="#">某某第三中學</a></li><li role="presentation"><a href="#">某某第四中學</a></li><li role="presentation"><a href="#">某某第五中學</a></li><li role="presentation"><a href="#">某某第六中學</a></li><li role="presentation"><a href="#">某某第七中學</a></li><li role="presentation"><a href="#">某某第八中學</a></li><li role="presentation"><a href="#">某某第九中學</a></li><li role="presentation"><a href="#">某某第十中學</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">所學專業：</label><div class="col-sm-8 col-md-4"><div class="dropdown list-value"><input class="form-control dropdown-toggle" data-toggle="dropdown" placeholder="請輸入所學專業" aria-expanded="true" type="text"><ul class="dropdown-menu"><li role="presentation"><a href="#">計算機應用技術</a></li><li role="presentation"><a href="#">計算機網絡管理</a></li><li role="presentation"><a href="#">平面設計視覺傳達</a></li></ul></div></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 timeicon" placeholder="請輸入姓名" type="text" onClick="laydate()"></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><li><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><li><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><div class="remark mt20 "><p class="text-center">*請按照報到證的內容填寫登記表, 認真核對報到信息，確認報到后不能修改。</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>技術支持:某某網絡公司更多模板：<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期末大作業文章專欄
~ 關注我，點贊博文~ 每天帶你漲知識!
相關問題可以相互學習，可關注↓公Z號獲取更多源碼 !

五、獲取更多源碼

~ 關注我，點贊博文~ 每天帶你漲知識!
相關問題可以相互學習，可關注↓公Z號獲取更多源碼 !

六、學習資料

web前端零基礎-入門到高級 (視頻+源碼+開發軟件+學習資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們入手~送1000套HTML+CSS+JavaScript模板網站

七、更多源碼

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： html左侧导航栏树状,请问这种树形结构
下一篇： HTML+CSS+JS`管理系统网站设计