用html写一个电影后台管理页面
时间: 2023-07-01 22:15:58 浏览: 56
以下是一个简单的电影后台管理页面的HTML代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>电影管理后台</title>
<meta charset="UTF-8">
<style type="text/css">
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding: 5px;
}
</style>
</head>
<body>
<h1>电影管理后台</h1>
<h2>添加电影</h2>
<form>
<label for="title">标题:</label>
<input type="text" id="title" name="title"><br><br>
<label for="director">导演:</label>
<input type="text" id="director" name="director"><br><br>
<label for="actors">演员:</label>
<input type="text" id="actors" name="actors"><br><br>
<label for="release_date">上映日期:</label>
<input type="date" id="release_date" name="release_date"><br><br>
<label for="rating">评分:</label>
<input type="number" id="rating" name="rating" step="0.1" min="0" max="10"><br><br>
<input type="submit" value="添加">
</form>
<h2>电影列表</h2>
<table>
<tr>
<th>电影ID</th>
<th>标题</th>
<th>导演</th>
<th>演员</th>
<th>上映日期</th>
<th>评分</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>肖申克的救赎</td>
<td>弗兰克·德拉邦特</td>
<td>蒂姆·罗宾斯,摩根·弗里曼</td>
<td>1994-09-10</td>
<td>9.3</td>
<td><button>编辑</button><button>删除</button></td>
</tr>
<tr>
<td>2</td>
<td>阿甘正传</td>
<td>罗伯特·泽米吉斯</td>
<td>汤姆·汉克斯,罗宾·怀特</td>
<td>1994-07-06</td>
<td>9.4</td>
<td><button>编辑</button><button>删除</button></td>
</tr>
</table>
</body>
</html>
```
在上述代码中,我们使用了HTML的表单元素和表格元素来实现电影的添加和列表展示功能。同时,我们也使用了CSS样式表来美化页面表格的样式。当然,这只是一个简单的示例,实际的电影管理页面可能需要更多的功能和复杂的交互。