首页用HTML写一个医生列表页面，可以编辑和删除

用HTML写一个医生列表页面，可以编辑和删除

时间: 2024-03-23 10:36:02 浏览: 58

以下是一个简单的HTML医生列表页面的示例，包括编辑和删除功能： ```html <!DOCTYPE html> <html> <head> <title>医生列表</title> <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; border: 1px solid #ddd; } tr:nth-child(even) { background-color: #f2f2f2; } </style> </head> <body> <h1>医生列表</h1> <table> <thead> <tr> <th>姓名</th> <th>性别</th> <th>科室</th> <th>操作</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>男</td> <td>内科</td> <td> <a href="#">编辑</a> <a href="#">删除</a> </td> </tr> <tr> <td>李四</td> <td>女</td> <td>外科</td> <td> <a href="#">编辑</a> <a href="#">删除</a> </td> </tr> <tr> <td>王五</td> <td>男</td> <td>儿科</td> <td> <a href="#">编辑</a> <a href="#">删除</a> </td> </tr> </tbody> </table> </body> </html> ``` 在这个页面中，我们使用了一个HTML表格来展示医生信息，表格中的每一行都包括医生的姓名、性别、科室和操作，操作列包括编辑和删除两个链接。当用户点击编辑链接时，可以跳转到一个编辑页面，让用户修改医生信息。当用户点击删除链接时，可以弹出一个确认框，让用户确认是否删除该医生信息。需要注意的是，这个页面只包含了HTML和CSS代码，如果需要实现编辑和删除功能，还需要使用JavaScript或服务器端代码。

阅读全文