<input type="text" name="sendCommissionDate" id="sendCommissionDate" value="${mainInfo.sendCommissionDate?string('yyyy-MM-dd'):null}" readonly="true" class="form-control"/>
时间: 2023-07-03 10:32:53 浏览: 37
这是一个 HTML 表单中的输入框,它的类型是文本输入框,名称为 `sendCommissionDate`,ID 为 `sendCommissionDate`。它的值是通过 Thymeleaf 表达式 `${mainInfo.sendCommissionDate?string('yyyy-MM-dd'):null}` 来设置的,如果 `mainInfo.sendCommissionDate` 不为 null,则将其格式化为 `yyyy-MM-dd` 的字符串,否则将其设置为 null。`readonly="true"` 表示该输入框只读,`class="form-control"` 是 Bootstrap 的样式类,用于美化表单。
相关问题
请在下面这段代码上给我完善, <form class="user" action="/dorm/index_student" method="post" sid="${bean.id}"> <%-- <input type="hidden" name="table" value="t_student">--%> <input type="hidden" name="table" value="t_student"> <div class="a"> 学 号:<input type="text" class="uname" name="username" value="${bean.username}"> <br> 密 码:<input type="password" class="paw" name="password" value="${bean.password}"> <br> 姓 名:<input type="text" class="name" name="name" value="${bean.name}"> <br> </div> <div class="b"> 宿 舍: <select name="did"> <c:forEach var="bean" items="${dormList}"> <option value="${bean.id}">${bean.dorm}(${bean.build})</option> </c:forEach> </select> <br> 电 话:<input type="tel" class="mobile" name="mobile" value="${bean.mobile}"> <br> 性 别:<input type="sex" class="sex" name="sex" value="${bean.sex}"> <br> <input type="submit" value="提交" class="sub"> </div> </form>
根据你的描述,你想要在这段代码中添加一个隐藏的input,其name为sid,value为${bean.id}。可以在form标签中添加一个隐藏的input,代码如下:
```html
<form class="user" action="/dorm/index_student" method="post" table="t_student">
<input type="hidden" name="sid" value="${bean.id}">
<div class="a">
学 号:<input type="text" class="uname" name="username" value="${bean.username}">
<br>
密 码:<input type="password" class="paw" name="password" value="${bean.password}">
<br>
姓 名:<input type="text" class="name" name="name" value="${bean.name}">
<br>
</div>
<div class="b">
宿 舍:
<select name="did">
<c:forEach var="bean" items="${dormList}">
<option value="${bean.id}">${bean.dorm}(${bean.build})</option>
</c:forEach>
</select>
<br>
电 话:<input type="tel" class="mobile" name="mobile" value="${bean.mobile}">
<br>
性 别:<input type="sex" class="sex" name="sex" value="${bean.sex}">
<br>
<input type="submit" value="提交" class="sub">
</div>
</form>
```
这样就可以在form标签中添加一个隐藏的input,并将其name设置为sid,value设置为${bean.id}了。
<table> <form action="updatePerson.do?personId=${sessionScope.updateById.personId}" method="post"> <tr> <td>姓名:</td> <td><input type="text" name="personName" value="${sessionScope.updateById.personName}"></td> </tr> <tr> <td>称呼:</td> <td> <input type="text" name="personNickName" value="${sessionScope.updateById.personNickName}"></td> </tr> <tr> <td>性别:</td> <td><input type="radio" name="personSex" value="${sessionScope.updateById.personSex}">男<input type="radio" name="personSex" value="${sessionScope.updateById.personSex}">女</td> </tr> <tr> <td> 类别:</td> <td><input type="text" name="kindId" value="${sessionScope.updateById.kindId}"></td> </tr> <tr> <td>生日:</td> <td><input type="text" name="personBirthday" value="${sessionScope.updateById.personBirthday}"></td> </tr> <tr> <td>电话:</td> <td><input type="text" name="personTelephone" value="${sessionScope.updateById.personTelephone}"></td> </tr> <tr> <td>QQ:</td> <td> <input type="text" name="personQQ" value="${sessionScope.updateById.personQQ}"></td> </tr> <tr> <td> 邮箱:</td> <td><input type="text" name="personEmail" value="${sessionScope.updateById.personEmail}"></td> </tr> <tr> <td> 地址:</td> <td> <input type="text" name="personAddress" value="${sessionScope.updateById.personAddress}"></td> </tr> <tr> <td> MSN:</td> <td><input type="text" name="personMSN" value="${sessionScope.updateById.personMSN}"></td> </tr> <tr> <td> 简介:</td> <td><textarea cols="10" rows="5" name="personInfo">${sessionScope.updateById.personInfo}</textarea></td> </tr> <tr> <td><input type="submit" name="重填" value="重填"></td> <td><input type="submit" name="提交" value="提交"></td> </tr> </form> </table>为上述代码设计简单分格的ss和js代码
以下是简单的HTML和JavaScript代码:
HTML代码:
```html
<table>
<form id="updateForm" action="updatePerson.do?personId=${sessionScope.updateById.personId}" method="post">
<tr>
<td>姓名:</td>
<td><input type="text" name="personName" value="${sessionScope.updateById.personName}"></td>
</tr>
<tr>
<td>称呼:</td>
<td><input type="text" name="personNickName" value="${sessionScope.updateById.personNickName}"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="personSex" value="男" checked>男
<input type="radio" name="personSex" value="女">女
</td>
</tr>
<tr>
<td> 类别:</td>
<td><input type="text" name="kindId" value="${sessionScope.updateById.kindId}"></td>
</tr>
<tr>
<td>生日:</td>
<td><input type="text" name="personBirthday" value="${sessionScope.updateById.personBirthday}"></td>
</tr>
<tr>
<td>电话:</td>
<td><input type="text" name="personTelephone" value="${sessionScope.updateById.personTelephone}"></td>
</tr>
<tr>
<td>QQ:</td>
<td><input type="text" name="personQQ" value="${sessionScope.updateById.personQQ}"></td>
</tr>
<tr>
<td> 邮箱:</td>
<td><input type="text" name="personEmail" value="${sessionScope.updateById.personEmail}"></td>
</tr>
<tr>
<td> 地址:</td>
<td><input type="text" name="personAddress" value="${sessionScope.updateById.personAddress}"></td>
</tr>
<tr>
<td> MSN:</td>
<td><input type="text" name="personMSN" value="${sessionScope.updateById.personMSN}"></td>
</tr>
<tr>
<td> 简介:</td>
<td><textarea cols="10" rows="5" name="personInfo">${sessionScope.updateById.personInfo}</textarea></td>
</tr>
<tr>
<td><input type="button" name="重填" value="重填" onclick="resetForm()"></td>
<td><input type="button" name="提交" value="提交" onclick="submitForm()"></td>
</tr>
</form>
</table>
```
JavaScript代码:
```javascript
function resetForm() {
document.getElementById("updateForm").reset();
}
function submitForm() {
var form = document.getElementById("updateForm");
if (form.checkValidity()) {
form.submit();
} else {
alert("请完善所有信息!");
}
}
```
其中,resetForm()函数用于重置表单,submitForm()函数用于提交表单。在submitForm()函数中,我们使用了form.checkValidity()方法来检查表单是否完整,如果表单完整,则使用form.submit()方法提交表单,否则弹出提示框提醒用户完善表单信息。