Web design Linkbut spacePrint design Linkbut spaceLogo Design Linkbut spaceTemplates linkbut spaceWeb Hosting linkbut spaceWeb Marketing linkbut spacetutorials linkbut spaceTips and Articles linkbut spacePartners linkbut gap
blue-box image-1 image-2 image-3
spaces

maa services

space

Dreamweaver Tutorials

» Dreamweaver Tips

» Define a Site in Dreamweaver

» Dreamweaver Behaviors

» Pop-Up Windows

» Jump Menus

» Play Sound

» Layers

» Show Hide Layers

» Dreamweaver Web Photo Album

» Dreamweaver Image Maps

» Using Templates in Dreamweaver

» Server Side Includes

» Making your site Live!

» Dreamweaver Form Tips

» Flash Text Rollover

» CSS Styles Tutorial

» CSS Text Rollovers

» Links without Underline

» Anchors and Mailto

 

» Fireworks Effects and Tutorials

» Flash Tutorials

» Photoshop Tutorials

 

Tips and Articles
» Advertising Ideas
» Templates Creating Ideas and Tips
» Dedicated Server Tips
» Domain Name Tips
» Ecommerce Tips
» Hosting Tips

» Logo Design Concept

» Emal Marketing

» Offset Printing Tips

» Website Design Tips

» Website Promotion

» Affiliated Program Tips

 

 

Maa Web Design
» Brochure Website
» E-Commerce Website
» Flash Website
» Web Template Customization
» CMS Development
» E-News Letter

 

Maa Print Design
» Press Advert Design
» Banner Design
» Brochures Design

» Copywriting Services
» Direct Mail Design
» Flyers Design
» Illustration Works
» Invitations Design
» Menu Design
» News Letter Design

» Packaging Design

» Posters Design
» Presentation Folders
» Signage Design

 

Maa Identity Design
» Logo Design
» Stationary Design
» Corporate Identity Design
» Logo Template Customization

 

Maa Templates
» Web Templates
» PSD Templates

» Low Cost PSD Templates
» Logo Templates
» Stationary Templates
» PowerPoint Templates
» Print Temples

 

Maa Web Hosting
» Domain Registration
» Web Site hosting
» Email
» Dedicated Server

 

Maa Web Marketing
» Search Engine Submission
» Search Engine Optimizing
» E-mail Marketing

» Website Content Writing

» E-mail Promotional Newsletter
» Live Chat Agent

 

space
Form Tips and Tricks in Dreamweaver MX

Tips for customizing input boxes, list menus, submit buttons. And learn how to validate forms using Dreamweaver behaviors.

 

you can learn how to:

 

  • Customize the background color and font properties of text boxes
  • Customize the background color and fonts of drop down lists
  • Validate forms for Required fields
  • Validate Email Addresses
  • Validate Numbers
  • Create a custom submit button - change the background color and font

To see how the validation works you can try the form on the right. The form objects have customized with a font and a background color.

 

Tip: customizing form objects is using CSS styles!

 

Note: Customizing form objects using CSS styles works only in Internet Explorer and not in Netscape.

 

Customize the background color, input font and color for text boxes

 

  • First create a style with background color and font that you would like for the text box. Open the Style window Window > CSS Styles. Create a new style by clicking on the '+' icon from the bottom. Name the style as 'newtextboxstyle' and click on OK. Select the font, size, color and weight in the 'Type' category. Select the background color in the 'Background' category Click on OK.
  • Then insert a text box by clicking on Insert > Form Objects > Text Field.
  • Finally apply the style to the text box. Select the text box and from the CSS Styles select the 'newtextboxstyle'. Once its applied click on File >Preview in Browser to preview the text box in Internet Explorer.
  • Please Note: You will be previewed in Internet Explorer only.

Customize the background color and font for drop down Lists

 

This is same like mentioned above. Create a style and apply to the drop down list box.

 

Validate Forms

  1. Iinsert a form by clicking on Insert > Form
  2. Insert 3 text boxes for name, email and phone. Choose Insert > Form Objects > Text Field to insert 3 text boxes. Name the first text box 'Name', the second 'Email' and the third 'Phone' in the Properties inspector.
  3. Insert a submit button by clicking on Insert > Form Objects > Button
  4. Open the behaviors window by choosing Window > Behaviors. Select the form tag and click on the '+' icon in the behaviors window. Choose Validate Form
  5. From the pop-up window choose the text field you need to validate and select the required validation.
    • Select Required for Name
    • Select Email for Email Address
    • Select Number for Phone
  6. Click on OK.
  7. Preview the validation by clicking on File > Preview in Browser

Create a custom submit button

 

  1. Create a style with background color and font for the submit button. Open Window > CSS Styles. Create a new style by clicking '+' icon found at the bottom. Name the style as 'newbuttonstyle' and click OK. Select the font, size, color andweight in the 'Type' category. Select the background color in the 'Background' category. Click OK
  2. Then insert a text box by clicking on Insert > Form Objects > Text Field.
  3. Apply the style to the text box. Select the text box and from the CSS Styles window select the style 'newbuttonstyle'. Once its applied to the text box click on File >Preview in Browser to preview the text box in Internet Explorer.
    Please Note: You will be previewed in Internet Explorer only.


 

 

Back to Tutorials Home Page


arrow

Maa Design Services
MAA offers high-quality website design services at affordable prices and fast turnaround time. We provide ready-made & custom website design solutions to global clients from London, UK. Take a look at our client testimonials from clients all over the world. Contact us today to get started on your website!

 

 

arrow

Client Testimonials

"If you want the QUICKEST service, the BEST web design, Logo and the FRIENDLIEST communication, DezineHub is the ONLY business to turn to. They far exceeded my expectations! I give them the HIGHEST recommendation! "
Dilip, Chemmen Ltd UK

 

space

packages

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

top

arrowMaa Web Design
-Brochure Website
-E-Commerce Website
-Flash Website more>

bottam

space

spaces
bottam-left
Home | About | Services | Package | Portfolio | Testimonials | Free Downloads | Free Tutorials | Jobs | Privacy Policy | Terms & Conditions | Contact
Copyright © 2005 Maagraphics.com - All rights reserved. Site Designed and Developed by MAA Design Ltd. London, UK
bottam-right

Design services : Brochure Website | E-Commerce Website | Flash Website | Web Template Customization | CMS Development | E-News Letter | AD Design
Brochures Design | Flayers Design | News Letter Design | Posters Design | Invitations Design | Menu Design | Banner Design | Logo Design | Stationary Design
Corporate Identity Design | Animated Logo Design | Web Templates | 3D logo Design | PSD Templates | Logo Templates | Stationary Templates | Print Templates
PowerPoint Templates| Domain Registration | WebSite hosting | Email|Dedicated Server | SEO | E-mail Marketing | Live Chat Agent | Site Map