javascript
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><!-- UNIFIED --><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><!-- BS CSS --><link href="dist/css/bootstrap.min.css" rel="stylesheet" media="screen"><!--main content +footer--><link href="dist/css/xg_bybd.css" rel="stylesheet" media="screen"><!--[if lt IE 9]><script src="dist/js/respond.min.js"></script><script src="dist/js/html5.js"></script><![endif]--> </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`管理系统网站设计