thymeleaf : input/select/radio回显

最新推荐文章于 2023-04-06 12:21:14 发布

原创最新推荐文章于 2023-04-06 12:21:14 发布 · 2.2w 阅读

35 ·

CC 4.0 BY-SA版权

【前端】专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一种使用Thymeleaf框架进行表单数据回显的方法，通过特定的Thymeleaf属性避免手动编写代码实现选项的预选状态。文中展示了如何在HTML表单中利用Thymeleaf的特性来自动设置输入框、下拉选择框及单选按钮的默认值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

找了很多资料，写的各种各样，结果没一个我能用的，最后弄出来以下结果。

反正我可以回显了，眼睛都要瞎了！

总之好像不用自己去写checked="checked" selected="selected"这种代码，他自己会选。

上面这句是解题的精髓啊精髓。

input

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

select

<label  class="col-sm-2 control-label">类别</label>
<div class="col-sm-8">
    <select  name="cId" id="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>

radio

    <label for="isBoy" class="col-sm-2 control-label">是否男生</label>
    <div id="isBoy" class="col-sm-8">
        <div class="radio-inline">
            <label><input name="isBoy" type="radio" value="1"  th:field="*{book.isBoy}"/> 否</label>
        </div>
        <div class="radio-inline">
            <label><input name="isBoy" type="radio" value="0"  th:field="*{book.isBoy}"/> 是</label>
        </div>
    </div>