如何在 ELM 表单中使用 Html.form？答案

【问题标题】：How to use Html.form in ELM form?如何在 ELM 表单中使用 Html.form？
【发布时间】：2016-10-28 18:24:13
【问题描述】：

我想制作一个在 ELM 中实际使用 [form] 标签的 HTML 表单。在线示例都没有这样做 - 他们只是将 [input] 标签放在 [div] 而不是 [form]

当我尝试将我的 Elm 应用程序切换到 [form] 时，我的 [input type=sumbit] 标签似乎没有回调 Elm。提交尝试离开页面并添加“？”到我的网址。

关于如何做到这一点的任何提示？

为什么：我想成为一个 using [form]，所以我可以在某些 [input] 字段上使用“required”属性。这只是我验证的一部分，但我喜欢“必需”标签呈现的 UI。

【问题讨论】：

标签： elm

【解决方案1】：

您应该在Html.form 中使用onSubmit。

这是一个例子。

Html.form [ onSubmit Submit ]
  [ input
    [ type' "submit"
    , value "click here to submit"
    ]
    []
  ]

【讨论】：