写一个图书管理系统的html代码
时间: 2024-01-27 18:02:29 浏览: 25
以下是一个简单的图书管理系统的HTML代码,包括一个图书列表页面和一个添加图书页面:
图书列表页面:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图书列表</title>
</head>
<body>
<h1>图书列表</h1>
<table>
<thead>
<tr>
<th>图书编号</th>
<th>图书名称</th>
<th>作者</th>
<th>出版社</th>
<th>出版日期</th>
<th>价格</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>《JavaScript权威指南》</td>
<td>David Flanagan</td>
<td>O'Reilly Media</td>
<td>2011-05-19</td>
<td>¥89.00</td>
</tr>
<tr>
<td>002</td>
<td>《深入浅出Node.js》</td>
<td>朴灵</td>
<td>人民邮电出版社</td>
<td>2013-12-01</td>
<td>¥49.00</td>
</tr>
<tr>
<td>003</td>
<td>《CSS揭秘》</td>
<td>Lea Verou</td>
<td>人民邮电出版社</td>
<td>2015-06-01</td>
<td>¥68.00</td>
</tr>
</tbody>
</table>
</body>
</html>
```
添加图书页面:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加图书</title>
</head>
<body>
<h1>添加图书</h1>
<form>
<label for="bookId">图书编号:</label>
<input type="text" id="bookId" name="bookId"><br>
<label for="bookName">图书名称:</label>
<input type="text" id="bookName" name="bookName"><br>
<label for="author">作者:</label>
<input type="text" id="author" name="author"><br>
<label for="publisher">出版社:</label>
<input type="text" id="publisher" name="publisher"><br>
<label for="publishDate">出版日期:</label>
<input type="date" id="publishDate" name="publishDate"><br>
<label for="price">价格:</label>
<input type="number" id="price" name="price"><br>
<button type="submit">添加</button>
</form>
</body>
</html>
```