Thursday, September 24, 2015

Create Forms On Websites

Nearly every control that lets you make a selection on a website is a type of form.


At the surface, a website only knows display information. It does this using HTML, or Hypertext Markup Language. While the HTML and the website only know display information, there are scripts underneath that can generate new HTML for display or to perform other actions, such as sending email. The user interacts with these hidden scripts using HTML forms. The forms take the information they contain and pass it along to the target. The first step to enabling a website to communicate with an underlying script is to build an HTML form.


Instructions


1. Load up the web page you are building in your web editor or text editing program. For very simple HTML tasks such as this, you can use the Windows notepad. If you are creating a new page from scratch, then create a new file. If you are using a text editor, be sure that the extension is


.html.


2. Locate the place on the page you want your form. The browser reads HTML top to bottom and all items are displayed sequentially. Look for the item you want the form to follow and start there. If you are starting a new page, be sure to put "" and ""at the very beginning of the file and " and"" at the very end. While there are other tags used in most HTML files, these are the bare minimum.


3. Insert this code: . The name of the target is the script or the other HTML page you are sending this information to. Without a valid target, the form will do nothing or generate an error.


4. Type the following on separate lines for each input box: THE LABEL OF THE FORM ITEM


. Insert the proper label for the input box over the capitalized text. Repeat this step for as many input boxes as you want.


5. Add a "submit" button after all the form controls by typing:


. When this button is pressed, all the information typed into the form boxes will be sent to whatever is designated in the action property you set at the beginning.


6. Indicate to the browser that the form is finished by inserting .


7. Save your HTML file. If you are using a text editor, be sure to save the file with the ".html" extension if you want the browser to read the file as a web page.

Tags: display information, editor sure, file using, file using text, text editor