forms - 如何处理表单标签之外的字段
问题描述
这是我的代码。
如您所见,在此代码中,字段周围没有表单标记。但不知何故,它可以处理字段。据我了解,我一直认为需要将字段包裹在表单标签周围。这怎么行?有人可以向我解释一下吗?谢谢你。
<form role="form" method="post">
<input type='hidden' name='bno' value="${boardVO.bno}">
</form>
<div class="box-body">
<div class="form-group">
<label for="exampleInputEmail1">Title</label> <input type="text"
name='title' class="form-control" value="${boardVO.title}"
readonly="readonly">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Content</label>
<textarea class="form-control" name="content" rows="3"
readonly="readonly">${boardVO.content}</textarea>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Writer</label> <input type="text"
name="writer" class="form-control" value="${boardVO.writer}"
readonly="readonly">
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<button type="submit" class="btn btn-warning">Modify</button>
<button type="submit" class="btn btn-danger">REMOVE</button>
<button type="submit" class="btn btn-primary">LIST ALL</button>
</div>
<script>
$(document).ready(function(){
var formObj = $("form[role='form']");
console.log(formObj);
$(".btn-warning").on("click", function(){
formObj.attr("action", "/board/modify");
formObj.attr("method", "get");
formObj.submit();
});
$(".btn-danger").on("click", function(){
formObj.attr("action", "/board/remove");
formObj.submit();
});
$(".btn-primary").on("click", function(){
self.location = "/board/listAll";
});
});
解决方案
推荐阅读
- c - SDL_CreateRenderer 找不到匹配的驱动程序来创建渲染器
- c# - 更改 EF 生成的查询参数
- ssh - Windows ssh:权限被拒绝(公钥)
- keil - CRC16 生成函数 - 错误 C195 非法间接
- ag-grid - ag grid react:我们可以在服务器端行模型中显示显示的总行数与总行数吗
- r - R事后测试brms
- php - 如何从数据库中获取随机行并将同一行显示给 laravel 中的所有用户?
- flutter - 'flutter pub get' 在 VSCode 中不起作用
- pandas - 使用熊猫数据框创建函数?
- azure - 按上次提交构建 Azure Pipeline