These Forms Are Your Friends


129 students enrolled

If you are planning to create a website for your organization or business, then you should be aware of what are the different website components that will help you reach and understand better your target audience. One of these is what we call a web form.

A web form or HTML form on a web page allows a user to enter data that is sent to a server for processing. Forms can resemble paper or database forms because web users fill out the forms using checkboxes, radio buttons, or text fields. (Wikipedia)


  1. These Forms Are Your Friends eBook
  2. Video
  3. Activities


  • Purpose of Web Forms 

    Today, web forms are used for many web transactions and play an important role across a number of different industries.

    • Purpose of Web Forms
  • How do web forms work? 

    Javascript - provide flow how web forms work.

    • A user visits a web page that contains a form. The web browser displays the HTML form. The user fills in the form and submits. The browser sends the submitted form data to the web server. A form processor script running on the web server processes the form data. The processing can either send the form submission by email or save the submission to a database table or a file. A response page is sent back to the browser.
  • Steps to create a web form 

    According to, there are only three (3) steps to create a form.

    • Building the form Specifying the form details Generating the code for the form
    • Most businesses hire professional web developers to create these web forms along with the rest of their websites. But due to their importance, business owners must also be aware of what web forms are and why the online business world can’t live without them. Since web forms are a big part of making an individual or organization reach its online goals, it is important to use best practices in creating and designing them. When creating your website, the key is to keep in mind the UX or user experience. Making your website clear, direct, readable and easy to navigate allows your customers to have a positive user experience on your site. The same thing should be applied to your web forms
  • Best practices to improve the user experience of your web forms 

    According to Usabilla, there are three (3) general best practices on how to improve the user experience of your web forms.

    • Keep it simple Only ask for information that you really need. Order form fields in a logical way and by their importance. Be clear on what you expect by showing examples (e.g. Allow users to toggle through the form using their keyboard. Offer likely default values Offer clear error messages Use on the fly error messages to give direct feedback and allow users to make instant corrections. Spacing between fields allows users to easily relate error messages to the respective form field. Be specific about your error messages. Save correct data in case the user has to go back to make corrections. Give feedback Highlight mandatory fields to avoid frustration. Use color combinations to inform the user about his progress while filling in the form (e.g. red for any ‘error or incomplete’ information while green signifies ‘correct or complete’). Indicate steps to make the process of filling in the web form clear. Offer clear feedback after user submitted the data.
  • 0/1
    • Should always have clear, defined borders and are separate from a webpage’s content Should not contain fake computer simulations. Creating display ads that mimic computer actions (ex. notifications) is unprofessional and dishonest. Should have genuine interactivity Should comply with the maximum loop length for animation Should have fallback images (ex. static version of the animated banner ad) Should use dynamic content Should use retargeting features Should use good copy and call-to-action – Copy