<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">密 码</label>
<div class="layui-input-inline" >
<input type="password" name="password" id="password" required lay-verify="required||password" placeholder="请输入密码" autocomplete="off" class="layui-input" th:value="${session.userinfo.password}" >
</div>
<div class="layui-input-inline" style="width: 20px;margin-top:10px ">
<a href="javascript:void(0);" id="show" style="text-decoration:none;"><i class="iconfont iconyanjing_bi" id="iconyanjing_bi" ></i></a>
</div>
</div>
</div>
<script th:src="@{/bootstrap3/js/jquery-3.5.1.min.js}"></script>
<script type="text/javascript">
$("#show").on("click", ".iconyanjing_bi", function () {
$(this).removeClass("iconyanjing_bi").addClass("iconyanjing");
$("#password").attr("type", "text");
});
$("#show").on("click", ".iconyanjing", function () {
$(this).removeClass("iconyanjing").addClass("iconyanjing_bi");
$("#password").attr("type", "password");
});
</script>
关键在于layui组装行内表单排版