Javascript 创建一个"；“尼斯”；以编程方式形成

我的对话

var dia = new Dialog({
    content: form,
    title: 'Create a new test',
    style: "width: 300px; height: 165px;"
});

我想创建一个“漂亮的”格式化表单

现在我做了这样的事情：

var form = new Form();

form.domNode.appendChild(dojo.doc.createTextNode("Name:"));

new TextBox({
    placeHolder: "Name"
}).placeAt(form.containerNode);

form.domNode.appendChild(dojo.doc.createTextNode("Upload File:"));

new Uploader({ name: "File",
    label: "Select file",
    id: "addDia",
    multiple: false,
    uploadOnSelect: false,
    url: "to/the/ethreal"
}).placeAt(form.containerNode);

new FileList({
   uploader: up
}).placeAt(form.containerNode);

"Label text:" TextBox
"Label text:" Uploader
FileList

var form = new Form();

var p = dojo.create("div", {}, form.domNode); 
p.appendChild(dojo.doc.createTextNode("Name:"));
new TextBox({
  placeHolder: "Name"
}).placeAt(p);

p = dojo.create("p", {}, form.domNode);
p.appendChild(dojo.doc.createTextNode("Upload file:"));
var up = new Uploader({ name: "File",
    label: "Select file",
    id: "addDia",
    multiple: false,
    uploadOnSelect: false,
    url: "to/the/ethreal"
}).placeAt(p);

问题：表单任意排列元素。如何实现这样的目标：

var form = new Form();

form.domNode.appendChild(dojo.doc.createTextNode("Name:"));

new TextBox({
    placeHolder: "Name"
}).placeAt(form.containerNode);

form.domNode.appendChild(dojo.doc.createTextNode("Upload File:"));

new Uploader({ name: "File",
    label: "Select file",
    id: "addDia",
    multiple: false,
    uploadOnSelect: false,
    url: "to/the/ethreal"
}).placeAt(form.containerNode);

new FileList({
   uploader: up
}).placeAt(form.containerNode);

"Label text:" TextBox
"Label text:" Uploader
FileList

var form = new Form();

var p = dojo.create("div", {}, form.domNode); 
p.appendChild(dojo.doc.createTextNode("Name:"));
new TextBox({
  placeHolder: "Name"
}).placeAt(p);

p = dojo.create("p", {}, form.domNode);
p.appendChild(dojo.doc.createTextNode("Upload file:"));
var up = new Uploader({ name: "File",
    label: "Select file",
    id: "addDia",
    multiple: false,
    uploadOnSelect: false,
    url: "to/the/ethreal"
}).placeAt(p);

或垂直排列：

"Label text:"
TextBox
"Label text:" 
Uploader
FileList

---

如果没有CSS，如下所示：

var form = new Form();

form.domNode.appendChild(dojo.doc.createTextNode("Name:"));

new TextBox({
    placeHolder: "Name"
}).placeAt(form.containerNode);

form.domNode.appendChild(dojo.doc.createTextNode("Upload File:"));

new Uploader({ name: "File",
    label: "Select file",
    id: "addDia",
    multiple: false,
    uploadOnSelect: false,
    url: "to/the/ethreal"
}).placeAt(form.containerNode);

new FileList({
   uploader: up
}).placeAt(form.containerNode);

"Label text:" TextBox
"Label text:" Uploader
FileList

var form = new Form();

var p = dojo.create("div", {}, form.domNode); 
p.appendChild(dojo.doc.createTextNode("Name:"));
new TextBox({
  placeHolder: "Name"
}).placeAt(p);

p = dojo.create("p", {}, form.domNode);
p.appendChild(dojo.doc.createTextNode("Upload file:"));
var up = new Uploader({ name: "File",
    label: "Select file",
    id: "addDia",
    multiple: false,
    uploadOnSelect: false,
    url: "to/the/ethreal"
}).placeAt(p);

为了

---

层叠样式表？我不想覆盖dojo内部css。然后你将不得不接受它当前的样式。为什么你关心“内部”——css是级联的？是的，你是对的。但我更希望它首先以某种方式创建自己的元素作为包装器，然后对元素进行样式化。