簡易線上投票系統(php)——前端設計（投票頁面的原始碼）
阿新 • • 發佈：2019-01-31
投票頁面的原始碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>投票內容</title> <link rel="stylesheet" type="text/css" href="css.css"> <script language="javascript" src="jsFunction.js"> </script> </head> <body> <div id="head"> <div id="head_main"> <div id="head_main_center"> <div id="head_main_logo">網上電子投票系統</div> <div id="head_main_account"><!--歡迎！tianyao9hen 登入 <a href="#">(登出)</a>--><a href="javascript:void(0);" onclick="showDiv('landing','register');">登入</a> | <a href="javascript:void(0);" onclick="showDiv('register','landing');">註冊</a></div> </div> </div> </div> <div id="main"> <!--登入與註冊--> <div id="landing" style="display:none;"> <div class="inside"> <br/> <center>歡迎登入網上電子投票系統</center> <form action="" method="get"> <table> <tr><td>使用者名稱：</td><td><input type="text" name="username"/></td></tr> <tr><td>密 碼:</td><td><input type="password" name="password"/></td></tr> <tr><td></td><td><input type="button" value="登入"/> <input type="reset"/> <input type="button" value="取消" onclick="exitDiv('landing');"></td></tr> </table> </form> </div> </div> <div id="register" style="display:none;"> <div class="inside"> <br/> <center>歡迎註冊網上電子投票系統</center> <form action="" method="get"> <table> <tr><td>使用者名稱：</td><td><input type="text" name="username"/></td></tr> <tr><td>密 碼:</td><td><input type="password" name="password"/></td></tr> <tr><td>再次輸入密碼:</td><td><input type="password" name="password2"/></td></tr> <tr><td></td><td><input type="button" value="註冊"/> <input type="reset"/> <input type="button" value="取消" onclick="exitDiv('register');"></td></tr> </table> </form> </div> </div> <!--登入與註冊(結束)--> <div id="main_menu"> <!--選單--> <!--一個選單單元--> <div id="main_menu_top"></div> <div class="main_menu_item"> <a href="#"> 進行中的投票 </a> </div> <!--一個選單單元結束--> <div class="main_menu_space"></div> <div class="main_menu_item"> <a href="#"> 我提出的投票 </a> </div> <div class="main_menu_space"></div> <div class="main_menu_item"> <a href="#"> 釋出我的投票 </a> </div> <!--選單結束--> <div id="main_menu_bottom"></div> </div> <div id="main_contend"> <div id="contend_top"> <div id="contend_title">|進行中的投票</div> </div> <!--主體內容--> <center><h2>這是投票的標題</h2></center> <div id="vote"> <table> <tr> <td>釋出人：admin</td><td>釋出時間：2016-1-1</td> </tr> </table> <div id="vote_intro"> 這裡的內容是該投票的題目介紹，介紹的內容是該投票的釋出者提出的，他想怎麼寫就怎麼寫。這裡的內容是該投票的題目介紹，介紹的內容是該投票的釋出者提出的，他想怎麼寫就怎麼寫…… </div> <div id="vote_contend"> <!--顯示框--> <form action="" method="get"> <table> <tr><td>注意：只能選擇一項！</td></tr> <tr><td><label><input type="radio" name="RadioGroup1" value="item" id="1" />選項1</label></td></tr> <tr><td><label><input type="radio" name="RadioGroup1" value="item" id="2" />選項2</label></td></tr> <tr><td><label><input type="radio" name="RadioGroup1" value="item" id="3" />選項3</label></td></tr> <tr><td><input type="submit" /> <input type="reset"/></td></tr> </table> </form> <form id="form1" name="form1" method="post" action=""> <table> <tr><td>注意：最多選擇x項，最少選擇y項！</td></tr> <tr><td><label><input type="checkbox" name="CheckboxGroup1" value="item" id="1" />複選框1</label></td></tr> <tr><td><label><input type="checkbox" name="CheckboxGroup1" value="item" id="1" />複選框1</label></td></tr> <tr><td><label><input type="checkbox" name="CheckboxGroup1" value="item" id="1" />複選框1</label></td></tr> <tr><td><input type="submit" /> <input type="reset"/></td></tr> </table> </form> <!--顯示框(結束)--> </div> </div> <!--主體內容結束--> <div id="bottom"> </div> </div> </div> </body> </html>