text和input元素以相同的方式附加和赋予属性。文本显示但不是输入。为什么？

Question

我有这些代码片段。显示text元素，但不显示input。为什么？

g.append("text")
    .text(function(d) {return d.label; });

g.append("input")
    .attr("type", "text");

svg.selectAll("text")
    .attr("dx", function(d) { return d.x+15; })
    .attr("dy", function(d) { return d.y+5; });

svg.selectAll("input")
    .attr("x", function(d) { return d.x + 30; })
    .attr("y", function(d) { return d.y + 20; });

PS：还尝试了append("xhtml:input")和dx + dy而不是x + y

Answer 1

input元素不是有效的SVG元素，并且没有属性x和y。