我用javascript的工具包dojo将这个简单的表单转换为HTML元素形式:
dojo.require("dijit.form.Form");
dojo.require("dijit.form.ValidationTextBox");
dojo.require("dijit.form.Textarea");
dojo.require("dijit.form.Button");
dojo.addOnLoad(function() {
var form = new dijit.form.Form({
method: "POST",
action: ""
}, "createCollectionForm");
var title = new dijit.form.ValidationTextBox({
required: true,
trim: true
}, "title");
var description = new dijit.form.Textarea({
trim: true
}, "description");
var submit = new dijit.form.Button({
label: "OK",
onClick: function(event) {
dijit.byId("createCollectionForm").submit();
}
}, "submit");
});<link href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/resources/dojo.css" rel="stylesheet" />
<link href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.3/dijit/themes/claro/claro.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.9.3/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
<body class="claro">
<form method="post" action="" enctype="application/x-www-form-urlencoded" id="createCollectionForm">
<dl class="zend_form">
<dt id="title-label"><label class="required" for="title">Title:</label></dt>
<dd id="title-element">
<input …