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

本文主要是介绍简易在线投票系统(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);" οnclick="showDiv('landing','register');">登录</a> | <a href="javascript:void(0);" οnclick="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="取消" οnclick="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="取消" οnclick="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><!--主体内容--><div id="contend_form"><form action="" method="get"><table><tr><td>投票的标题:</td><td><input type="text" name="rname" size="50"/></td><td><li>标题不能超过20个字</li></td></tr><tr><td>投票内容简介:</td><td><textarea name="" cols="45" rows="5"></textarea></td><td><li>超过100字的内容将不会在首页显示</li></td></tr><tr><td colspan="2">是否公开结果:<input name="" type="radio" value=""/>    是否为多选:<input name="" type="radio" value=""/></td></tr><tr><td colspan="2">最多选择几项:<input type="text" name="max" size="2"/>    最少选择几项:<input type="text" name="min" size="2"/></td><td><li>这两项的默认值均为1,且不能为0</li></td></tr><tr><td colspan="2">设定选项个数:<input type="text" name="voteCount" id="voteCount" size="4" value="1"/>    <input type="button" name="" value="确定" οnclick="addVote();"></td><td><li>输入值不得小于1</li></td></tr></table><hr/><div id="addVote"></div><hr/><center><input type="button" name="send" value="发布"><li>注意:一旦发布将不能修改!</li></center></form></div><!--主体内容结束--><div id="bottom"></div></div></div>
</body>
</html>

这篇关于简易在线投票系统(php)——前端设计(发布投票页面的源码)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/880031

相关文章

Android实现定时任务的几种方式汇总(附源码)

《Android实现定时任务的几种方式汇总(附源码)》在Android应用中,定时任务(ScheduledTask)的需求几乎无处不在:从定时刷新数据、定时备份、定时推送通知,到夜间静默下载、循环执行... 目录一、项目介绍1. 背景与意义二、相关基础知识与系统约束三、方案一:Handler.postDel

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档(如Word、Excel、PPT)是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一:WebView + Office Onl

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Java 正则表达式URL 匹配与源码全解析

《Java正则表达式URL匹配与源码全解析》在Web应用开发中,我们经常需要对URL进行格式验证,今天我们结合Java的Pattern和Matcher类,深入理解正则表达式在实际应用中... 目录1.正则表达式分解:2. 添加域名匹配 (2)3. 添加路径和查询参数匹配 (3) 4. 最终优化版本5.设计思

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

使用Python构建一个Hexo博客发布工具

《使用Python构建一个Hexo博客发布工具》虽然Hexo的命令行工具非常强大,但对于日常的博客撰写和发布过程,我总觉得缺少一个直观的图形界面来简化操作,下面我们就来看看如何使用Python构建一个... 目录引言Hexo博客系统简介设计需求技术选择代码实现主框架界面设计核心功能实现1. 发布文章2. 加

售价599元起! 华为路由器X1/Pro发布 配置与区别一览

《售价599元起!华为路由器X1/Pro发布配置与区别一览》华为路由器X1/Pro发布,有朋友留言问华为路由X1和X1Pro怎么选择,关于这个问题,本期图文将对这二款路由器做了期参数对比,大家看... 华为路由 X1 系列已经正式发布并开启预售,将在 4 月 25 日 10:08 正式开售,两款产品分别为华

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的