The Importance of Forms
Using a form in a web page is the most important way of getting data from users. Login pages, sign up pages, feedback forms, etc. all rely on forms to get data from the users. So how are forms used?
Data is gotten from the users with the help of text boxes, checkboxes, radio buttons, options from lists, etc. It is then submitted to the server where it is processed and stored or is subjected to some appropriate action. Your favourite search engine uses a form to submit the search query that you enter. It sends the data to the server, processes the query and returns it back to you. Now that you know the importance of forms, let us proceed on creating a form using Adobe’s Dreamweaver.
A Step by Step Guide to Creating a Form in Dreamweaver
This tutorial assumes that you have installed Dreamweaver. This tutorial shows you how to link a form in Dreamweaver by creating a simple page and linking it to a form where the user data is entered and submitted.
Step 1: Open Dreamweaver and create a new HTML page.
Step 2: Enter the title between the tags.
Step 3: Create a button and associate and onclick event that redirects the webpage to the login page.
Note: A few extra lines of code is added to make the web page look better. It is the style sheet part of the web page and has nothing to do with the operation of the button.
Full code for creating the index.html web page:
Step 4: In the above web page, the page is being directed to a page called signup.html, when the click me! button is clicked. In Dreamweaver, go to file –> New –> HTML.
Step 5: Place the cursor inside the body tag and click on the form button on the toolbar. Once the form is created, create the text boxes and other input boxes and fields on which you need the information from the user.
Step 6: Create a submit button. In the action attribute, include the path to your CGI script or PHP script or any of your server side script where you need the data to be processed.
Thus in a few simple steps, a webpage is created and linked to a form using dreamweaver.