将 html 表单与提供反应性和视图模型的 JS 框架一起使用

Posted 2023-02-24

【中文标题】将 html 表单与提供反应性和视图模型的 JS 框架一起使用

【英文标题】：Use of html form with JS frameworks offering reactivity and view models

【发布时间】：2020-04-14 21:48:47

【问题描述】：

在当今使用基于响应式和视图模型的 JS 框架的现代 Web 应用程序开发世界中，html 表单元素有什么用途？从客户端到服务器的数据提交是通过 REST 或其衍生技术通过视图模型中的数据发生的。在我看来，这已经使形式过时了。事实上，我会说使用表单会带来更多的复杂性，比如在按下回车键时自动提交整个表单，需要你明确禁止默认行为。

即使就可访问性使用语义元素而言，我也看不到任何好处。 输入、选择和按钮元素为易于访问的用户提供了很好的信息，以了解应用程序正在尝试做什么。

那么有什么理由在现代 webapp 开发中使用表单元素？

【参考方案1】：

在输入键上提交，与其他一起提交事件 <form /> 的特性是功能，而不是错误。

很多现代库（例如：Formik）依赖于<form /> 标签。那是因为它既有很好的功能，又有语义

【讨论】：

它们当然是功能。以及美好的过去。但是页面刷新的行为很烦人（没有 event.preventDefault 调用）。正如我在问题中已经提到的，语义是一回事。你能详细说明nice 部分吗？

看看这个回复：***.com/questions/31066693/…