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