An Overview of HTML Forms - Revision history

Neil: Text replacement - "" to "
"
2016-10-27T19:55:59Z
Text replacement - "<table border="0" cellspacing="0">" to "<table border="0" cellspacing="0" width="100%">"

← Older revision Revision as of 19:55, 27 October 2016
Line 1: Line 1:

−
<table border="0" cellspacing="0">
+
<table border="0" cellspacing="0" width="100%">

<tr>

<tr>

<td width="20%">[[Working with Directories in PHP|Previous]]<td align="center">[[PHP Essentials|Table of Contents]]<td width="20%" align="right">[[PHP and HTML Forms|Next]]</td>

<td width="20%">[[Working with Directories in PHP|Previous]]<td align="center">[[PHP Essentials|Table of Contents]]<td width="20%" align="right">[[PHP and HTML Forms|Next]]</td>

Neil: Text replacement - "" to "
"
2016-05-05T14:32:32Z
Text replacement - "<table border="0" cellspacing="0" width="100%">" to "<table border="0" cellspacing="0">"

← Older revision Revision as of 14:32, 5 May 2016
Line 1: Line 1:

−
<table border="0" cellspacing="0" width="100%">
+
<table border="0" cellspacing="0">

<tr>

<tr>

<td width="20%">[[Working with Directories in PHP|Previous]]<td align="center">[[PHP Essentials|Table of Contents]]<td width="20%" align="right">[[PHP and HTML Forms|Next]]</td>

<td width="20%">[[Working with Directories in PHP|Previous]]<td align="center">[[PHP Essentials|Table of Contents]]<td width="20%" align="right">[[PHP and HTML Forms|Next]]</td>

Neil: Text replacement - "php" to "php"

2016-02-01T22:22:12Z

Text replacement - "<htmlet>php<htmlet>" to "<htmlet>php</htmlet>"

Neil: Text replacement - "BUY_PHP_BOTTOM" to "php"

2016-02-01T22:21:38Z

Text replacement - "<google>BUY_PHP_BOTTOM</google>" to "<htmlet>php<htmlet>"

Neil: Text replacement - "BUY_PHP" to "php"

2016-02-01T22:21:37Z

Text replacement - "<google>BUY_PHP</google>" to "<htmlet>php<htmlet>"

Neil: Text replacement - "ADSDAQBOX_FLOW" to "adsdaqbox_flow"

2016-02-01T18:01:12Z

Text replacement - "<google>ADSDAQBOX_FLOW</google>" to "<htmlet>adsdaqbox_flow</htmlet>"

Neil at 19:10, 13 May 2009

2009-05-13T19:10:13Z

Neil at 19:06, 13 May 2009

2009-05-13T19:06:22Z

Neil at 17:14, 13 May 2009

2009-05-13T17:14:23Z

Neil at 19:00, 11 May 2009

2009-05-11T19:00:51Z

← Older revision		Revision as of 22:21, 1 February 2016
Line 274:		Line 274:
	Now that we have provided a basic overview of how HTML forms are constructed we can look at how to submit the data to a PHP script on the server and process that data. This is covered in the chapter entitled [[PHP and HTML Forms]].		Now that we have provided a basic overview of how HTML forms are constructed we can look at how to submit the data to a PHP script on the server and process that data. This is covered in the chapter entitled [[PHP and HTML Forms]].

−	<~~google~~>~~BUY_PHP_BOTTOM~~<~~/google~~>	+	<htmlet>php<htmlet>

← Older revision		Revision as of 22:21, 1 February 2016
Line 8:		Line 8:


−	<~~google~~>~~BUY_PHP~~<~~/google~~>	+	<htmlet>php<htmlet>

@@ Line 45: / Line 45: @@
 == HTML Text Object ==
-<google>ADSDAQBOX_FLOW</google>
+<htmlet>adsdaqbox_flow</htmlet>
 The most common form object is the ''Text'' object. The Text object places a single line text field into the form into which the user can type information.

@@ Line 230: / Line 230: @@
 [[Image:Javascript select object.jpg]]       [[Image:Javascript select object drop down.jpg.jpg]]
-If the ''size'' attrtibute is specified and set to a value greater than 1 then a scrolled list, instead of a drop down list, will be displayed with a scrollbar for scrolling through the list of options. For example:
+If the ''size'' attribute is specified and set to a value greater than 1 then a scrolled list, instead of a drop down list, will be displayed with a scrollbar for scrolling through the list of options. For example:
 <pre>

@@ Line 103: / Line 103: @@
 * '''type="BUTTON"''' - The basic button which performs no action by default unless an event handler is assigned to it.
-* '''type="SUBMIT"''' - The submit button. When pressed this button causes the data in the Form to be sent to the server using the settings defined in the enclosing <Form> tag. If the ''onsubmit'' attribuite on the enclosing ''<form>'' tag has been specified this will be executed before the form data is submitted (useful for JavaScript form data validation).
+* '''type="SUBMIT"''' - The submit button. When pressed this button causes the data in the Form to be sent to the server using the settings defined in the enclosing <Form> tag. If the ''onsubmit'' attribute on the enclosing ''<form>'' tag has been specified this will be executed before the form data is submitted (useful for JavaScript form data validation).
 * '''type="RESET"''' - The reset button. When pressed causes the fields in the Form to be either cleared, or reset to the defaultValue (if one has been specified).

@@ Line 1: / Line 1: @@
-<table border="0" cellspacing="0">
+<table border="0" cellspacing="0" width="100%">
 <tr>
 <td width="20%">[[Working with Directories in PHP|Previous]]<td align="center">[[PHP Essentials|Table of Contents]]<td width="20%" align="right">[[PHP and HTML Forms|Next]]</td>

@@ Line 8: / Line 8: @@
-<htmlet>php<htmlet>
+<htmlet>php</htmlet>
@@ Line 274: / Line 274: @@
 Now that we have provided a basic overview of how HTML forms are constructed we can look at how to submit the data to a PHP script on the server and process that data. This is covered in the chapter entitled [[PHP and HTML Forms]].
-<htmlet>php<htmlet>
+<htmlet>php</htmlet>

@@ Line 11: / Line 11: @@
-A large part of developing a web based application involves handling interaction with user via their web browsers. One of the most common tasks in this area of web development involves presenting the user with forms to collect information, and the processing that information.
+A large part of developing a web based application involves handling interaction with user via their web browsers. One of the most common tasks in this area of web development involves presenting the user with forms to collect information, and then processing that information.
 Web forms are typically created using the HTML <FORM> element together with various user interface objects (such as text fields, toggle buttons and push buttons).
@@ Line 21: / Line 21: @@
 HTML forms are used to collect data from users. Users essentially enter data into forms by filling in text fields, selecting toggles and making choices from selection objects. When the user has filled in the data it is transmitted to the server for processing.
-HTML forms are specified using the <form> element. The form element contains an attribute which specifies the script on the server to which the gathered data is to be sent. Data can be sent to the server using one of two methods, GET or POST. With GET, all the data is passed to the server embedded in the URL. POST is typically used for larger volumes of data.
+HTML forms are specified using the <form> element. The form element contains an attribute that specifies the script on the server to which the gathered data is to be sent. Data can be sent to the server using one of two methods, GET or POST. With GET, all the data is passed to the server embedded in the URL. POST is typically used for larger volumes of data.
 The various <input> elements are then specified within the body of the <form>.
@@ Line 54: / Line 54: @@
 * '''type''' - specifies that the type of object is a TEXT object.
-* '''name''' - repesents the name by which this object may be reference in JavaScript.
+* '''name''' - represents the name by which this object may be reference in JavaScript.
-* '''id''' - the id used when accessing Form object elements using the ''getElementById()'' method (decribed later in this chapter)
+* '''id''' - the id used when accessing Form object elements using the ''getElementById()'' method (described later in this chapter)
 * '''value''' - primes the text object with an initial value (optional).
@@ Line 67: / Line 67: @@
 * '''onFocus''' - triggered when the text field gains focus (typically when the cursor is moved into the field to begin typing).
-* '''onBlur''' - triggered when the text field loses focus (typically when the user clicks somewhere outsite the text area).
+* '''onBlur''' - triggered when the text field loses focus (typically when the user clicks somewhere outside the text area).
 * '''onChange''' - triggered when the contents of the text area is changed by the user and focus is lost.
@@ Line 75: / Line 75: @@
 In addition to events, the Text object also has a number of JavaScript methods that can be accessed to perform such tasks as selecting text and changing focus:
-* '''focus()''' - sets focus and sets the cursor on the text field
+* '''focus()''' - Sets focus and sets the cursor on the text field
 * '''blur()''' - Removes focus from the field (the opposite of focus())
@@ Line 103: / Line 103: @@
 * '''type="BUTTON"''' - The basic button which performs no action by default unless an event handler is assigned to it.
-* '''type="SUBMIT"''' - The submit button. When pressed this button causes the data in the Form to sent to the server using the settings defined in the enclosing <Form> tag. If the ''onsubmit'' attribuite on the enclosing ''<form>'' tag has been specified this will be executed before the form data is submitted (useful for JavaScript form data validation).
+* '''type="SUBMIT"''' - The submit button. When pressed this button causes the data in the Form to be sent to the server using the settings defined in the enclosing <Form> tag. If the ''onsubmit'' attribuite on the enclosing ''<form>'' tag has been specified this will be executed before the form data is submitted (useful for JavaScript form data validation).
 * '''type="RESET"''' - The reset button. When pressed causes the fields in the Form to be either cleared, or reset to the defaultValue (if one has been specified).
@@ Line 121: / Line 121: @@
 </pre>
-When the submit button is pressed in the above example the data in the two Text fields will be submited to the subscribe.php script specified in the <form> tag.
+When the submit button is pressed in the above example the data in the two Text fields will be submitted to the subscribe.php script specified in the <form> tag.
 The generic "BUTTON" type can be defined as follows:
@@ Line 190: / Line 190: @@
 [[Image:Javascript radio buttons.jpg]]
-All three button share the same ''name'' attribute which acts to tie them together into a group. The ''value'' attribute defines the value that is passed through the server to indicate which button is selected when the form is submitted.
+All three buttons share the same ''name'' attribute which acts to tie them together into a group. The ''value'' attribute defines the value that is passed through the server to indicate which button is selected when the form is submitted.
-Ther are number of actions that can be performed using JavaScript when working with Radio Buttons. Firstly, you can find out the number of Radio Buttons in a group by accessing the ''length'' property:
+There are number of actions that can be performed using JavaScript when working with Radio Buttons. Firstly, you can find out the number of Radio Buttons in a group by accessing the ''length'' property:
 <pre>
@@ Line 208: / Line 208: @@
 </pre>
-'''Note:''' Programmatically changing the value of one Radio Button in a group using the above technique will not automicatically uncheck the currently checked button (as it would if a user really clicked on it). You must, therefore, remember to progammatically change the ''checked'' status of the other buttons.
+'''Note:''' Programmatically changing the value of one Radio Button in a group using the above technique will not automatically uncheck the currently checked button (as it would if a user really clicked on it). You must, therefore, remember to programmatically change the ''checked'' status of the other buttons.
 == HTML Drop-down / Select Object ==
@@ Line 214: / Line 214: @@
 The HTML Select object provides a drop down list of choices from which the user can choose (often referred to as ComboBoxes in other GUI environments). When the drop down list is not visible the current selection is displayed in a text area. Due to the fact that the Select Object supports both single and multiple selection of items in the list it is ideal for both "one of many" and "many of many" selection choices.
-The Select Object uses the <select> tag together with <option> tags representing the choises to be displayed in the drop-down list:
+The Select Object uses the <select> tag together with <option> tags representing the choices to be displayed in the drop-down list:
 <pre>
@@ Line 260: / Line 260: @@
 == HTML Password Object ==
-The HTML Password object is used to collect information from a user (typically, but limited to a password or acount number) when the data entered should not visible on the screen. As the user types '*' character appears in the text field for each key press, instead of the actual typed character.
+The HTML Password object is used to collect information from a user (typically, but limited to a password or account number) when the data entered should not visible on the screen. As the user types '*' characters appear in the text field for each key press, instead of the actual typed character.
 The basic syntax for the Password Object is as follows:
@@ Line 272: / Line 272: @@
 == Summary ==
-Now that we have provided a basic over of how HTML forms are constructed we can look at how to submit the data to a PHP script on the server and process that data. This is covered in the chapter entitled [[PHP and HTML Forms]].
+Now that we have provided a basic overview of how HTML forms are constructed we can look at how to submit the data to a PHP script on the server and process that data. This is covered in the chapter entitled [[PHP and HTML Forms]].

← Older revision		Revision as of 19:00, 11 May 2009
Line 1:		Line 1:
		+	<table border="0" cellspacing="0" width="100%">
		+	<tr>
		+	<td width="20%">[[Working with Directories in PHP\|Previous]]<td align="center">[[PHP Essentials\|Table of Contents]]<td width="20%" align="right">[[PHP and HTML Forms\|Next]]</td>
		+	<tr>
		+	<td width="20%">Working with Directories in PHP<td align="center"><td width="20%" align="right">PHP and HTML Forms</td>
		+	</table>
		+	<hr>
		+
		+
		+	<google>BUY_PHP</google>
		+
		+
	A large part of developing a web based application involves handling interaction with user via their web browsers. One of the most common tasks in this area of web development involves presenting the user with forms to collect information, and the processing that information.		A large part of developing a web based application involves handling interaction with user via their web browsers. One of the most common tasks in this area of web development involves presenting the user with forms to collect information, and the processing that information.