Free Code Generators

« Back Code Generators JavaScript WebGear Software

CSS Textfield Generator

Example:
Name: Email:  
Use this wizard to create stylish form text fields. Specify the color, font face, border width and color, size, and style.
Instructions:
Fill out the form fields below and click "Generate CSS" button. Follow steps 1 and 2 below to get great looking form fields. Use the 'Select Code' buttons to select the code within the adjacent textarea. Then use Control-C or Edit -> Copy to buffer the text for pasting into your document.

Web Safe Color PickerColor Picker
Text Field Style Settings

Class Name:

» Background Style

Color:

» Border Style

Color:

Width:

Type:

» Font Style

Color:

Family:

Size:

Style:


Step 1: Place code between the <HEAD> and </HEAD> tags within your document.
Use Control-C or Right Click>Copy to copy. Then paste the code into your page.

Step 2: Add the following code to the text field tag as shown in the example below. Change the class name to match the name of the class you used above.

Example: <input class="TextField" type="text" name="text">

<< BackNavigate to: Code Generators JavaScript WebGear FreeFeast