创建一个“;漂亮的“;表单
Create a "nice" form programmatically
对于我的对话框
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
或者垂直排列:
"Label text:"
TextBox
"Label text:"
Uploader
FileList
如果没有CSS,类似这样的东西:
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
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- 如何使用WCF服务和javascript表单post上传.doc文件
- Javascript生成的表单未提交
- 如何使用javascript或html下载PDF格式的填写表单
- HTML表单提交时未执行外部函数
- 如何将输入(type=text)从html表单传递到javascript函数
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- Ajax发布表单序列化,发布引号'
- 多级HTML表单
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 在验证和发送邮件后更改联系人表单的 html
- jQuery表单添加不适用于下拉列表
- Rails/JSON:如何将JSON用于jquery UI自动完成表单
- 如何从pdftron webviewer获取表单数据
- JS验证ajax返回的html中的表单数据
- Javascript更新孙窗口中的表单元素
- 解析javascript表单验证器
- 阻止表单元素提交
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 创建一个“;漂亮的“;表单