图书的录入与删除
描述
默认表单显示三本书的书名,作者,书名,删除键可删除;
下方输入框可进行书籍数据录入(分别输入作者,书名,价格),添加到表单中,同样新添加的书也可删除
效果
默认状态
添加操作
添加成功
删除操作
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table {
width: 500px;
margin-bottom: 20px;
}
th,
td {
text-align: center;
}
.add button {
width: 100px;