<input type="button" class="btn btn-success btn-block btnRight" id="loginAAD" onclick="loginAAD()" value="ADD登录" />,loginAAD事件存在但是报不存在
时间: 2024-06-04 21:04:59 浏览: 9
ADD登录可能是指Azure Active Directory(Azure AD)登录,它是一种基于云的身份验证和授权服务,可以帮助组织保护应用程序和数据,并确保只有授权用户才能访问它们。使用Azure AD进行身份验证可以帮助用户在不同设备和应用程序之间实现无缝访问。如果loginAAD事件存在但是报不存在,可能是因为代码中未正确引用相关脚本或库,或者相关事件未被正确定义。您可以检查代码中的拼写错误或错误的路径,并确保相关脚本或库已正确加载。
相关问题
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>酒店管理系统</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>酒店管理系统</h1> </header> <main> <h2>酒店客房管理</h2> <table> <thead> <tr> <th>ID</th> <th>类型</th> <th>价格</th> <th>编辑</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>单人房</td> <td>¥200</td> <td><button class="edit-btn">编辑</button></td> </tr> <tr> <td>2</td> <td>双人房</td> <td>¥300</td> <td><button class="edit-btn">编辑</button></td> </tr> <tr> <td>3</td> <td>豪华房</td> <td>¥500</td> <td><button class="edit-btn">编辑</button></td> </tr> </tbody> </table> <div class="add-form"> <h3>添加客房</h3> <form> <div> <label for="room-id">ID:</label> <input type="number" id="room-id" required> </div> <div> <label for="room-type">类型:</label> <input type="text" id="room-type" required> </div> <div> <label for="room-price">价格:</label> <input type="number" id="room-price" required> </div> <button type="submit">添加</button> </form> </div> </main> <script src="script.js"></script> </body> </html>给代码逐行加上注释
<!DOCTYPE html> <!-- 声明文档类型 -->
<html>
<head>
<meta charset="UTF-8"> <!-- 设置字符编码为UTF-8 -->
<title>酒店管理系统</title> <!-- 设置网页标题 -->
<link rel="stylesheet" href="style.css"> <!-- 引入外部样式表 -->
</head>
<body>
<header> <!-- 设置网页头部 -->
<h1>酒店管理系统</h1> <!-- 设置网页标题 -->
</header>
<main> <!-- 设置网页主体内容 -->
<h2>酒店客房管理</h2> <!-- 设置主体内容标题 -->
<table> <!-- 创建表格 -->
<thead> <!-- 设置表格头部 -->
<tr> <!-- 创建表格行 -->
<th>ID</th> <!-- 创建表格头部单元格 -->
<th>类型</th>
<th>价格</th>
<th>编辑</th>
</tr>
</thead>
<tbody> <!-- 设置表格内容 -->
<tr>
<td>1</td> <!-- 创建表格单元格,并填写内容 -->
<td>单人房</td>
<td>¥200</td>
<td><button class="edit-btn">编辑</button></td> <!-- 创建带有“编辑”按钮的单元格 -->
</tr>
<tr>
<td>2</td>
<td>双人房</td>
<td>¥300</td>
<td><button class="edit-btn">编辑</button></td>
</tr>
<tr>
<td>3</td>
<td>豪华房</td>
<td>¥500</td>
<td><button class="edit-btn">编辑</button></td>
</tr>
</tbody>
</table>
<div class="add-form"> <!-- 创建添加客房的表单 -->
<h3>添加客房</h3> <!-- 设置表单标题 -->
<form> <!-- 创建表单 -->
<div>
<label for="room-id">ID:</label> <!-- 创建表单标签和输入框 -->
<input type="number" id="room-id" required> <!-- 设置输入框类型为数字,且必填 -->
</div>
<div>
<label for="room-type">类型:</label>
<input type="text" id="room-type" required> <!-- 设置输入框类型为文本,且必填 -->
</div>
<div>
<label for="room-price">价格:</label>
<input type="number" id="room-price" required>
</div>
<button type="submit">添加</button> <!-- 创建提交按钮 -->
</form>
</div>
</main>
<script src="script.js"></script> <!-- 引入外部JavaScript文件 -->
</body>
</html>
<table class="table table-hover"> <thead> <tr> <th>商品名称</th> <th>单价</th> <th>数量</th> <th>总价</th> <th>操作</th> </tr> </thead> <tbody> <div><tr> <td><img src="img/t_recommen/cup.jpg" width="200" height="150"><br>健身水杯 </td> <td>100</td> <td><input type="number" value="1" min="1"></td> <td>100</td> <td><button class="btn btn-danger">删除</button></td> </tr> <tr> <td><img src="img/t_recommen/xiaomi.jpg" width="200" height="150"><br>商品2</td> <td>200</td> <td><input type="number" value="1" min="1"></td> <td>200</td> <td><button class="btn btn-danger">删除</button></td> </tr> <tr> <td><img src="img/mobile/m2.jpg" width="200" height="150"><br>商品3</td> <td>300</td> <td><input type="number" value="1" min="1"></td> <td>300</td> <td><button class="btn btn-danger">删除</button></td> </tr> </tbody> <tfoot> <tr> <td colspan="3">总价:</td> <td colspan="2">600</td> </tr> </div> </tfoot> </table>让总体居中
要让整个表格居中,可以将表格放在一个 div 元素中,并给这个 div 元素添加 text-align: center 样式。也可以直接给表格添加 margin: 0 auto 样式,这样会使表格在水平方向上居中。以下是修改后的代码:
```html
<div style="text-align: center;">
<table class="table table-hover" style="margin: 0 auto;">
<thead>
<tr>
<th>商品名称</th>
<th>单价</th>
<th>数量</th>
<th>总价</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td><img src="img/t_recommen/cup.jpg" width="200" height="150"><br>健身水杯 </td>
<td>100</td>
<td><input type="number" value="1" min="1"></td>
<td>100</td>
<td><button class="btn btn-danger">删除</button></td>
</tr>
<tr>
<td><img src="img/t_recommen/xiaomi.jpg" width="200" height="150"><br>商品2</td>
<td>200</td>
<td><input type="number" value="1" min="1"></td>
<td>200</td>
<td><button class="btn btn-danger">删除</button></td>
</tr>
<tr>
<td><img src="img/mobile/m2.jpg" width="200" height="150"><br>商品3</td>
<td>300</td>
<td><input type="number" value="1" min="1"></td>
<td>300</td>
<td><button class="btn btn-danger">删除</button></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">总价:</td>
<td colspan="2">600</td>
</tr>
</tfoot>
</table>
</div>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)