首页 > thymeleaf : input/select/radio回显

thymeleaf : input/select/radio回显

thymeleaf中不用自己去写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}">目录1option><option value="2" th:field="*{book.cId}">目录2option><option value="3" th:field="*{book.cId}">目录3option><option value="4" th:field="*{book.cId}">目录4option>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>

 

参考:https://blog.csdn.net/tuntun1120/article/details/79806669

转载于:https://www.cnblogs.com/116970u/p/10738484.html

更多相关:

  • 注意点: 1、    value值的设置 2、select的onchange事件                 城市地址三级联动</title... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/j95iotgdns/" target="_blank">js获得标签</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>js中,我们通常需要在js函数中获得调用该函数的html标签。例如在select的onchange事件中,想要获得是哪个option被选择。我们要在onchange事件对应函数(以下代码中的sel()函数)中传入this。在js中的该函数中自定义一个参数(以下代码中的fuck)用来接收。   <body>   <select οnch... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/z240trp7m8/" target="_blank">this.options[selectedIndex]的使用</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p><select id="sel" οnchange="javascript:getSelect();"> <option value="a">选择</option> <option value="bdd">be</option> <option value="c">ce</option> <option value="d">de</... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/g3r8avxsdu/" target="_blank">asp提供在线文章翻译的功能(转)</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>  有时候想为我们的网页提供多语言支持,如果一种语言用一张网页来做实在太麻烦了,幸好Google提供了语言工具功能,下面介绍如何利用它来实现网页多种语言之间的转换。 作者:淘特网 出处:http://www.tot.name 注:转载请注明出处 lan.htm  <form><select name="lan"><option va... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/2lk3scut86/" target="_blank">C++标准库中sstream和strstream的区别</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>在C++有两种字符串流,一种在sstream中定义, 另一种在strstream中定义。 它们实现的东西基本一样。 strstream里包含 class strstreambuf; class istrstream; class ostrstream; class strstream; 它们是基于C类型字符串char*编写的... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/kv26yrocz0/" target="_blank">Django-C002-深入模型,到底有多深</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>此文章完成度【100%】留着以后忘记的回顾。多写多练多思考,我会努力写出有意思的demo,如果知识点有错误、误导,欢迎大家在评论处写下你的感想或者纠错。     ORM介绍:对象关系映射(英语:(Object Relational Mapping,简称ORM,或O/RM,或O/R mapping),是一种程序技术,用于实现面向对象编程... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/f7sgotazhl/" target="_blank">Bootstrap框架和inconfont、font-awesome使用</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>Bootstrap框架和inconfont、font-awesome使用 iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍   Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。  ... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/b3ngmjk8ur/" target="_blank">java 日志框架的选择Log4j-SLF4j-Logback</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>Log4j->SLF4j->Logback是同一个人开发的 import lombok.extern.slf4j.Slf4j; import org.junit.Test; import org.junit.runner.RunWith; import org.springframework.boot.test.context.Spr... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/hpxa9yg87m/" target="_blank">用Django内置form组件实现注册</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>HTML页面代码块: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 6 <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/uev7jsyfkg/" target="_blank">vue中轻松搞掂鼠标气泡框提示框tip跟随</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>    <template><div><!-- 提示框 --><sg-tip :show="isShowTip">{{tipContent}}</sg-tip><!-- 移入某个元素触发显示跟随提示框显示--><div class="red" @mouseover="showTip($event.target.innerText)... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/14bwrn6exv/" target="_blank">常用广告类型的包装代码示例</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>flash类型的广告的包装代码 <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head>... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/o12mraiyqg/" target="_blank">js控制图片的缩放代码示例</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>下面的代码给出一个简单的js检测鼠标点击事件来动态放大图片的功能,这个功能在亚马逊,京东等电商网站很实用。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <... </p> </div> </div> </li><li> <div class="arcTitle clearfix"> <h3><a href="//11gx.com/0ivbgwtxdr/" target="_blank">一小时Thinkphp后台(2)</a></h3> </div> <div class="clearfix"> <div class="arcDes"> <p>之前我们已经写好管理员页面,现在对功能继续实现 基础功能1:对管理进行增删改查 增加 需要在view中新建一个add.html add.html <!DOCTYPE html> <html> <head><title>

  • 像素存储 OpenCV 中图像矩阵的大小取决于所用的颜色模型,更准确的说是取决于图像所用到的通道数。 如果使用的是灰度图,矩阵大概如图所示: 如果使用的是多通道的图像,矩阵中的列会包含多个子列,子列的个数和通道数相等。例如 RGB 颜色模型的矩阵大致如下图所示: 很多情况下,因为内存足够大,可以实现连续存储,因此图像中的各行能够...