thymeleaf 语法——input、select、radio、textarea 回显

约定不等于承诺〃 2023-07-13 08:29 15阅读 0赞

### 文章目录 ###

*   *  input ：
     *  select ：
     *  radio：
     *  textarea ：

## input ： ##

<input type="text" id="name" name="name" th:value="${user.name}" class="form-control1" >

## select ： ##

<label class="col-sm-4 control-label">类别</label>
    <div class="col-sm-8">
        <select id="cId" name="cId" class="form-control1" >
            <option value="1" th:field="*{book.cId}">目录1</option>
            <option value="2" th:field="*{book.cId}">目录2</option>
            <option value="3" th:field="*{book.cId}">目录3</option>
            <option value="4" th:field="*{book.cId}">目录4</option>
        </select>
    </div>

说明：`{ }` 中，变量名前后不得出现空格，如 `{ book.cId}`、 `{book.cId }`、 `{ book.cId }`，将抛出模板解析错误 。

## radio： ##

<label for="isDel" class="col-sm-4 control-label">是否删除</label>
    <div id="isDel" class="col-sm-8">
        <div class="radio-inline">
            <label><input type="radio" name="isDel" value="1" th:field="*{user.isDel}"/>已删除</label>
        </div>
        <div class="radio-inline">
            <label><input type="radio" name="isDel" value="0" th:field="*{user.isDel}"/>正常</label>
        </div>
    </div>

说明：`{ }` 中不得出现空格，如 `{ book.cId}`、 `{book.cId }`、 `{ book.cId }`，将报模板解析错误 。

## textarea ： ##

内容： <textarea id="content" name="content" th:text="${user.content}" ></textarea>

使用 `th:value` 不能回显。

发表评论取消回复

表情：

评论列表（有 0 条评论，15人围观）

还没有评论，来说两句吧...

相关阅读

相关 Thymeleaf （select、checkbox)数据绑定和数据回回显

第一种情况：select 数据绑定：前端页面： <div class="col-sm-10"> <select name="type" id=

矫情吗；*/ 2023年10月18日 18:37/ 0 赞/ 21 阅读

相关 SpringBoot中使用thymeleaf时ajax请求不能回显消息

场景在SpringBoot项目中使用thymeleaf模板时，在js文件中使用ajax提交表单不能成功回显消息。实现修改为 html中： <

Bertha 。/ 2023年10月18日 15:36/ 0 赞/ 101 阅读

相关 thymeleaf 语法——input、select、radio、textarea 回显

文章目录 input ： select ： radio： textarea ： input ： <i

约定不等于承诺〃/ 2023年07月13日 08:29/ 0 赞/ 16 阅读

相关 springboot+thymeleaf 实现图片文件上传及回显

springboot+thymeleaf 实现图片文件上传及回显 1. 创建一个springboot工程, 在此就不多说了(目录结构). 2. 写一个H

﹏ヽ暗。殇╰゛Y/ 2022年12月21日 06:16/ 0 赞/ 291 阅读

相关 thymeleaf--语法

原文网址：[thymeleaf--语法\_IT利刃出鞘的博客-CSDN博客][thymeleaf--_IT_-CSDN] 其他网址 [SpringBoot - 整合Th

冷不防/ 2022年11月26日 07:42/ 0 赞/ 205 阅读

相关 thymeleaf的下拉框(select option)回显选中

在开发一个足球联赛管理系统中，需要在修改页面使用thymeleaf模板引擎先从数据库中取出数据显示在页面中，然后再对要修改的数据分别进行修改。在input或者texta

青旅半醒/ 2022年05月11日 05:18/ 0 赞/ 1660 阅读

相关 thymeleaf语法

格式化日期 <span th:text="${dates.format(formatTime,'yyyy-MM-dd HH:mm:ss')}"></span>

深藏阁楼爱情的钟/ 2022年04月25日 08:32/ 0 赞/ 295 阅读

相关 thymeleaf单选回显，多选回显，下拉选回显，默认选中第一个

thymeleaf单选回显，多选回显，下拉选回显，默认选中第一个 //默认选中第一个 <input type ="radio" name="repayme

冷不防/ 2022年04月18日 05:55/ 0 赞/ 865 阅读

相关 thymeleaf对于回显数据的处理

thymeleaf语法简单使用集合的非空判断 th:if="${not lists.isEmpty(自定义集合)}" 字符串拼接 <span

太过爱你忘了你带给我的痛/ 2022年03月01日 05:16/ 0 赞/ 475 阅读

相关 Thymeleaf语法详解

本文主要介绍下Thymeleaf的基本使用的语法。 Thymeleaf语法详解 1.变量输出与字符串操作 1.1 基本用法 <table> <thead

朱雀/ 2022年01月31日 01:27/ 0 赞/ 496 阅读