您的位置：首页 > Web前端

简易在线投票系统(php)——前端设计（投票页面的源码）

2016-01-10 16:25 399 查看
投票页面的源码
<!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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航