是否可以将HTML表单输入标签与SVG混合,或者使用SVG来布局表单?

我们喜欢使用带有SVG的JQuery模板来展示具有漂亮风格的产品。

假设我们有一个代表复杂布局的SVG。 是否可以将标记嵌套在SVG中并仍然在HTML 5中工作? SVG中是否有替代方案可以从用户输入数据,也可以使用Knockout.js提取它们?

我知道你可以在背景图形的意义上使用SVG并破解位置,以便表单字段排列。 如果可能的话,我真的很有兴趣让SVG传入输入语句。

您可以使用foreignObject 。 一个小例子:

      

这是一个标准的SVG,但我使用foreignObject标记在rect和circle之间添加了HTML元素。 堆栈顺序得到遵守,圆圈位于输入的前面。

其他解决方案存在于“纯”SVG中,但它们严重依赖于JavaScript。 这是一个例子: http : //www.carto.net/papers/svg/gui/textbox/