编写借阅书籍的前端html页面文件,具有填写读者账号,填写读者姓名,填写读者电话,添加书籍(可以多个,并且可以右搜索框),填写借书日期及归还日期,还有选择借阅书籍的当前状态的单选框(包括待借阅,已借阅,已归还,默认待借阅)和续借状态的单选框(包括非续借,已续借)
时间: 2024-05-27 12:11:23 浏览: 52
<!DOCTYPE html>
<html>
<head>
<title>借阅书籍</title>
<meta charset="utf-8">
<style type="text/css">
label {
display: block;
margin: 10px 0;
}
input[type="text"], select {
margin: 5px;
padding: 5px;
width: 200px;
}
input[type="submit"] {
margin-top: 20px;
padding: 10px;
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<h1>借阅书籍</h1>
<form action="borrow.php" method="POST">
<label>读者账号:<input type="text" name="reader_account"></label>
<label>读者姓名:<input type="text" name="reader_name"></label>
<label>读者电话:<input type="text" name="reader_phone"></label>
<label>添加书籍:<input type="text" name="book_name"></label>
<label>借书日期:<input type="text" name="borrow_date"></label>
<label>归还日期:<input type="text" name="return_date"></label>
<label>当前状态:</label>
<label><input type="radio" name="status" value="待借阅" checked>待借阅</label>
<label><input type="radio" name="status" value="已借阅">已借阅</label>
<label><input type="radio" name="status" value="已归还">已归还</label>
<label>续借状态:</label>
<label><input type="radio" name="renewal" value="非续借" checked>非续借</label>
<label><input type="radio" name="renewal" value="已续借">已续借</label>
<input type="submit" value="提交">
</form>
</body>
</html>
阅读全文