Elm-ui内的表格

Question

我需要插入<form>DOM。否则，像LastPass这样的密码管理器将无法正常工作，并且您无法通过按键盘上的Enter来提交密码。我找不到比转换的全部内容更好的方法<form>来Html msg从Element msg，然后再返回。这确实是低效的。

insertForm : List (Element msg) -> Element msg
insertForm elements =
    html
        (Html.form []
            [ layout []
                (column [] elements)
            ]
        )

我相信肯定有更好的方法。但是我在elm-ui docs的任何地方都找不到它。

Answer 1

如果在elm-ui存储库中搜索“ form”，并仔细查看代码，则会发现Html.form未调用该代码。

因此，方法如您所显示，即使用Element.html。

您声称“这确实效率低下。”。该说法是错误的。elm-ui必须在Element内部存储一个表示，然后最后将其转换为elm/html的Html。Html直接包装和存储并最终输出并没有低效率。实际上，这是elm-ui要做的最少工作，因为您已经完成了生成所需实际值的工作Html。