Javascript 渲染单选按钮

如何使用正确定义单选按钮以呈现文本？如果我使用

元素，文本会出现，但会出现在新行上

var h=maquette.h；
var dom=maquette.dom；
document.addEventListener（'DOMContentLoaded'，函数（）{
var form=h（“form”[
h（“输入”{type:“radio”，value:“5”，name:“freq”}），
h（“p”，“5赫兹”），
h（“输入”{type:“radio”，value:“10”，name:“freq”}），
h（“p”，“10赫兹”），
h（“输入”{type:“radio”，value:“15”，name:“freq”}），
h（“p”，“15赫兹”），
]);
document.body.appendChild（dom.create（form.domNode））；
});
问题在于

标记。通常，它用作一个空的自动关闭标签（或

或

），允许的内容-无，它是空元素

您可以将文本放置在一个内联元素中，例如
，或者使用
更好的事件，在输入上使用
id
，在标签上使用
for
属性。然后，在每行后面放置一个空的

，以分隔不同的单选按钮

以下是解决方案本身：


var h=maquette.h；
var dom=maquette.dom；
document.addEventListener（'DOMContentLoaded'，函数（）{
var form=h（“form”[
h（“输入”{type:“radio”，value:“5”，name:“freq”，id:“freq1”}），
h（“标签，{innerHTML:“5Hz”，“for”：“freq1”}），
h（“br”），
h（“输入”{type:“radio”，value:“10”，name:“freq”，id:“freq2”}），
h（“标签”{innerHTML:“10Hz”，“for”：“freq2”}），
h（“br”），
h（“输入”{type:“radio”，value:“15”，name:“freq”，id:“freq3”}），
h（“标签”{innerHTML:“15Hz”，“for”：“freq3”}），
]);
document.body.appendChild（dom.create（form.domNode））；
});
您知道
br
是一个空元素（不能有文本节点的元素），是吗<代码>
标记是独立的，它们不呈现文本。和
标记是
显示：块
，因此它们在单独的行上呈现。尝试使用
标记或其他东西。@GerardoFurtado我不知道这一点。