Javascript Tools
Browser Redirector
Drop Down Generator
Custom Pop Ups
Resolution Redirector

DHTML Tools
Customise Forms
Customise Scrollbars
Customised Cursors
Floating Layer

Developer Tools
Colour Picker
W3 Validator

Internet Tools
Country Code Lookup
Domain Lookup
Multiple Search Engine
Network Query Tool

Suggest an Online Tool
If there is a tool that you would like created, or linked to, please do let me know and i'll create it for you!
Purpose of Tool:

Link to similar tool:

Email Address:


Additional Information:

       

Online Tools: Form Generator

This tool let's you add a customized formstyles to your pages.

The code will only work on Internet Explorer - since IE is the only browser that support custom formstyles.

The code will not cause any harm if viewed on older Netscape browsers - it just won't have any effect, so a normal formstyle will appear if viewed with Netscape.

Fill in the fields and let this page do the programming for you, then copy and paste the code into your own HTML document.

1. Fill in the form
OPTIONS SETTINGS
Background Color =
Font =
Font Size =
Font Color =
Padding between border/content =
Border Color =
Border Thicknes =
Border Type =

2. Look at the sample

Sample text field:


radio 1   radio 2   radio 3

checkbox 1 checkbox 2


Note:
You can enter color values using pre defined names (green, blue, etc) or HEX values (#FFCC00, #CC9900, etc).


3a: Code to change all formfields on the page

Copy This To The <HEAD> Section Of Your Page
No Code Available! - Click The Above Button To Generate The Code


3b: Code to change all fields within a single form

Insert the following code right above your <form> tag
After that, add </div> right after your </form> tag.
No Code Available! - Click The Above Button To Generate The Code


3c: Code to change all formfields

Copy This To The <HEAD> Section Of Your Page
After that, add class="customform1" to the desired fields.
For example: <input type="text" class="customform1">
No Code Available! - Click The Above Button To Generate The Code


Using multiple styles on same page:
The code produced with this tool creates a CSS class called customform1.
If you want to use the tool for several different styles used on the same page you should simply change the name customform1 to customform2, customform3 etc.

Setting width and height of form elements:
The code produced with this tool does not specify attributes for width and height. That is because it's rare that ALL form elements on a form should have the same width and height.
However, you can specify the width and height of single fields similar to this example:

<input type="text" style="width:120px; height:30px;">

Discuss this in the Forum  
Search HeaphyDesigns



Stored Pages



Change Site Style
Select a style for the site:




More information