thymeleaf 禁用a标签
时间: 2023-11-02 12:53:27 浏览: 95
可以在thymeleaf中使用非超链接的方式来进行页面跳转。具体来说,可以使用th:onclick来定义点击事件,并在其中编写JavaScript代码来实现跳转功能。例如:
<button th:onclick="'location.href=\'http://www.example.com\'\'">跳转到示例网站</button>
这样就可以通过点击按钮来跳转到指定的网址,而不需要使用a标签。
相关问题
thymeleaf如何将<a>标签与<button>标签结合
Thymeleaf 可以将 `<a>` 标签和 `<button>` 标签结合在一起,实现类似按钮的效果。可以通过设置 `th:href` 属性来指定链接地址,通过设置 `th:text` 属性来指定按钮显示的文本。
例如,下面的代码将通过 Thymeleaf 实现一个链接按钮:
```html
<a th:href="@{/page}" class="btn btn-primary">Go to page</a>
```
在这个例子中,`th:href` 属性指定了链接的地址,`class` 属性设置了按钮的样式,`th:text` 属性设置了按钮显示的文本。
如果要将 `<button>` 标签和 `<a>` 标签结合在一起,可以使用 Thymeleaf 的条件表达式来实现。例如,下面的代码将通过 Thymeleaf 实现一个链接按钮和一个提交按钮:
```html
<a th:href="@{/page}" class="btn btn-primary" th:text="${condition} ? 'Go to page' : 'Disabled'"></a>
<button type="submit" th:disabled="${condition}" class="btn btn-primary" th:text="Submit"></button>
```
在这个例子中,我们使用了 Thymeleaf 的条件表达式来决定哪个按钮应该显示。如果 `condition` 为 `true`,则显示链接按钮,否则显示禁用的提交按钮。同时,我们还使用了 Thymeleaf 的 `th:disabled` 属性来禁用提交按钮。
阅读全文