Question

我们的表单需要支持查看/编辑模式。在“编辑”模式下，所有字段都是可编辑的。在“查看”模式下，它们是只读的。也许有一种可以应用的CSS样式，或者输入框可以转换为标签。

仅供参考，我们的应用程序是在Spring MVC中，我们已经检查了一些想法：

扩展Spring MVC的Form标签，以支持服务器端的View / Edit
1. 一些JS / jQuery调整
2. 一些CSS调整

我发现了一个类似的线程： Implement read / edit mode in form

 <form data-mode="read">
    <input value="Hello" />
 </form>

if($('form').data('mode') == 'read'){   //remove fields and add text
  $('form').find(':input').each(function(){
     $(this).replaceWith($('<span>' + $(this).val() + '</span>');
  });
 }

建议使用Form标记属性，例如＆＃34;数据模式＆＃34;，但这是自定义属性吗？

从JS，CSS或SpringMVC（服务器端）的角度来看，这个问题有哪些标准的，好的解决方案？感谢

Answer 1

你可以拥有两者的表格。输入和标签，并根据表单模式显示/隐藏它们。

<div style"display:none">
Name: <input>
<div>
<div>
  Name: My Name 
<div>

在表单中实现视图/编辑模式

1 个答案: