设计一个电子投票系统网站代码HTML
时间: 2024-09-24 09:07:09 浏览: 64
设计一个简单的电子投票系统网站的HTML部分主要是创建页面结构,包括表单、选项和提交按钮等元素。下面是一个基本示例,假设我们有一个选择题投票:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>电子投票系统</title>
<style>
body {
font-family: Arial, sans-serif;
}
#voting-form {
width: 400px;
margin: 0 auto;
}
input[type="radio"] {
margin-right: 10px;
}
button {
display: block;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="voting-form">
<h2>选举题目:</h2>
<p>请选择您支持的候选人:</p>
<form action="/submit-vote" method="post">
<label for="option1">候选人A:</label>
<input type="radio" name="candidate" value="A" required><br>
<label for="option2">候选人B:</label>
<input type="radio" name="candidate" value="B"><br>
<!-- 可以添加更多候选人的选项... -->
<button type="submit">提交我的票</button>
</form>
</div>
<footer>
<p>Copyright © 2023 电子投票系统</p>
</footer>
</body>
</html>
```
这个例子中,用户通过点击"候选人A"或"B"旁边的方框进行选择,并通过`<form>`标签将选中的候选人值发送到服务器端的"/submit-vote"处理。请注意,实际应用中你需要结合后端语言(如JavaScript、PHP、Node.js等)来处理表单提交。
阅读全文