簡易線上投票系統(php)——前端設計（投票頁面的原始碼）

THE_ZERO發表於2016-01-10
原文網址 : https://blog.csdn.net/tianyao9hen/article/details/50492622
PHP前端原始碼
投票頁面的原始碼
<!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>

相關文章