Notes, Exercises, Videos, Tests and Things to Remember on Design Frame and Form
Please scroll down to get to the study materials.
Frames are a relatively new addition to the HTML standard; having been included in release 3.0 and therefore, not all browsers are supplied this group of elements. Popular browser such as Microsoft Internet Explorer and Netscape Navigator supports this feature. By using these elements, the Web page become enhance and effective for navigation purpose.
The HTML tags that divide a browsers screen into two or more HTML has recognizable unique region and it is the <FRAMESET></FRSMESET> tags. Each unique region is called a FRAME. Each frame can be loaded with a different document and hence, allows multiple HTML documents to be seen concurrently.
For example, to make a framed page with a window pane on the left and one in the right requires three HTML pages.
FRAME Page Architecture
A <FRAMESET> element is placed in HTML document before the <BODY> elements. The <FRAMESET> describes the amount of screen to each windowpane by dividing the screen into ROWS or COLS. The <FRAMESET> will then contain <FRSME> elements, one per division of the browser window.
Other Key Attributes of the Frameset Element
Possible value 0 , 1 i . e YES or NO. A setting of zero will create a borderless frame.
This attribute is specified in pixels. For borderless frames set, this attribute’s value is zero or gap is seen between the frames where the border is used to be.
Possible values 0, 1; settings zero will create a borderless frame.
This attribute allows choosing a color for your border. This attribute is rarely used.
This element defines a single frame within a frameset. There will be a FRAME element for each division created by FRAMESET elements. This tag has following attributes.
Required for frames as it provides the URL for the page that will be displayed in the frame.
Required for frames that will allow targeting by other HTML documents. In order for a clicked in, the target frame must be referenced by its name.
Display the scroll bars in the frame. Possible values are:
An HTML form provides data gathering functionally to the Web page. This is very useful if the Web site is used to advertise and sell products. HTML forms provide a full range of GUI controls. A form is a collection of fields that is used for gathering information from people visiting the Web site. Site visitors fill out a form by typing text, clicking radio and checks boxes and selecting options from drop-down menus. After filling out the form, site visitors submit the data they entered, which can be processed in a variety of ways depending on the form handler set up. The form element has no formatting attributes.
When creating an interactive Web site for the internet, it is necessary to capture user input and process this input. Based on the result of this processing, appropriate information from the Web site can be dispatched to be viewed. Both the capturing of user input and the rendering of appropriate Web pages takes place on the client side browser`s window.
To create a FORM, we use the <FORM> </FORM> tags. The rest of the form objects (elements) must be inserted in between the form tags.
Each form object in the HTML pages will be described between its own <FORM> </FORM> HTML tags. Should there be multiple forms described in the HTML pages then, the forms array will have multiple elements, each holding a reference to an HTML form object and each element identified by own unique name (identification).
Their attribute (properties) of the <FORM> are:
The METHOD property of a form is used to specify the method used to send data captured by various form elements back to the Web server. The Method used can be either GET (default) of POST. The GET method sends the data captured by form elements is appended to the URL. The POST method sends the data captured by form elements back to the Web server as separate bit-stream of data. When there is a large amount of data to be sent back to the Web server, this method is used.
The Action attribute of the <FORM> </FORM> tags points to the URL (address) of a program on the Web server that will process the form data captured and being sent back. The server-side program that processes this data can be written in any scripting language that the Web server understands.
The ENCTYPE attributes of form determine the mechanism used to encode the form contents. We can leave this attribute as default (unspecified) unless we are creating a file upload field.
It is form name used by script languages.
It is the target frame where the response page will show up.
The HTML form elements (objects) is used to capture the form data which are specified as attributes of the<INPUT> tags used within the <FORM></FORM> tags. Each of these form elements can be named. Once named, their names can then be used for referencing them in Java & VB Scripts NAME is a property associated with every HTML object used in a form. The attributes of the HTML element <INPUT> are:
<INPUT> ELEMENTS’S ATTRIBUTES
Types of input entry field.
Variable name passed to script languages.
The data associated with the variable name to be passed to the script language.
Option is Selected by default when the document is initially loaded.
Button.box checked by default.
Number of characters in a text field or a number of rows in a List box (select).
Maximum number of characters accepted.
Location or the source.
(Shrestha, Manandhar and Roshan)
Shrestha, Prachanda Ram, et al. Computer Essentials. Kathmandu: Asmita's Publication, 2014.
By using these elements, the Web page become enhance and effective for navigation purpose. Each unique region is called a FRAME. Each frame can be loaded with a different document and hence allow multiple HTML documents to be seen concurrently.
Under the Frame it contains different key attributes of frameset elements:
A form is a collection of fields that is used for gathering information from people visiting the Web site. Site visitors fill out a form by typing text, clicking radio and checks boxes, and selecting options from drop-down menus.
An HTML form provides data gathering functionally to the Web page. This is very useful if the Web site is used to advertise and sell products. HTML forms provide a full range of GUI controls.
Under the Form it has also had different attributes (properties):