Forms design for web pages - what's available?
Hal Burgiss
hal at burgiss.net
Thu Dec 10 11:30:39 UTC 2009
On Wed, Dec 09, 2009 at 05:41:16PM +0000, Chris G wrote:
> I'm looking for a tool a bit like the Forms Design part of Open Office
> (or MS Access for that matter) that will build web data input forms. I
> don't want a full-blown CMS or site design package, I just want to be
> able to build some simple data entry pages to load data into a
> database from the web (well, actually my intranet).
Are you familiar at all with form components? Its a bit old school but I have
a shell script that generates valid xhtml forms with a very modest
configuration. Its pretty much one stop shopping for a simple form, but might
require tinkering with output of more complex stuff.
The configuration is text based like:
fields="
*Project Name:text:test
*Phone Number:phone
*Email:email
Zipcode:zip
Submit:submit
"
which spits out:
<form id="thisform" action="" method="post">
<fieldset>
<div id="ProjectName-div" class="thisform">
<label for="ProjectName">Project Name</label><br />
<input size="24" type="text" class="thisform required" name="Project Name" id="ProjectName" value="test" />
</div>
<div id="PhoneNumber-div" class="thisform">
<label for="PhoneNumber">Phone Number</label><br />
<input type="text" size="3" maxlength="3" class="thisform required phone phone3" name="Phone Number[]" id="PhoneNumber1" /> -
<input type="text" size="3" maxlength="3" class="thisform required phone phone3" name="Phone Number[]" id="PhoneNumber2" /> -
<input type="text" size="4" maxlength="4" class="thisform required phone phone4" name="Phone Number[]" id="PhoneNumber3" />
</div>
<div id="Email-div" class="thisform">
<label for="Email">Email</label><br />
<input type="text" size="18" maxlength="18" class="thisform required email" name="Email" id="Email" />
</div>
<div id="Zipcode-div" class="thisform">
<label for="Zipcode">Zipcode</label><br />
<input size="5" type="text" class="thisform zip" name="Zipcode" id="Zipcode" />
</div>
<div id="Submit-div" class="thisform">
<label for="Submit">Submit</label><br />
<input type="submit" class="thisform button" name="Submit" id="Submit" value="Submit" />
</div>
</fieldset>
</form>
</div>
--
Hal
More information about the ubuntu-users
mailing list