HTML frames and HTML forms

HTML Frames and HTML Forms

HTML Frames• Frames – enables the browser to display more than one HTML document on the same window.

HTML Frames

HTML FramesSample syntax of HTML Frames<frameset cols=40%, 60%><frame src= “grade6.html”><frame src = “grade6-2013.html”></frameset>

HTML Frames

HTML Frames<frameset> Are frames to be displayed on the browser window. It contains columns (cols) with number of percent that represents the area of the column that will appear on the screen of the webpage.

HTML Frames<frame> Is the element that defines the HTML document that will be displayed on a specific region of the browser window. *SRC is the filename of a separate html document that you want to display on the screen.

HTML FramesSample syntax of HTML Frames<frameset cols=40%, 60%><frame src= “grade6.html”><frame src = “grade6-2013.html”></frameset>

HTML Frames

You can also create multiple frames to be displayed.

HTML Frames

HTML Forms

Forms – is used to allow user to enter information like text fields, text area fields, drop-down menus, radio buttons, checkboxes, etc.

HTML Forms

HTML Forms

Input <input>- Is used to define an input field where the user may enter information on the form .

HTML FormsTwo attributes1. Type – determines what kind of

input field2. Name – assigns a name to the

given field so that you have a reference for later use

HTML FormsSample syntax<form>First name: <input type =“input” name=“sarah”> </form>Last name:<input type =“text” name=“leah”> </form>

HTML Forms

HTML Forms• To specify one type of input tag

from another we set the type attribute to one of the following values.

1. <text>2. <password>

HTML Forms1. text - produces single line text

entry 2. password - allows password

and other secret data to be entered

HTML FormsSample syntax<form>First name: <input type =“input” name=“sarah”> </form>Last name:<input type =“text” name=“leah”> </form>Password:<input type =“password” > </form>

HTML Forms

3. Radio – is used to display a list of options. However it only allows one option to be selected.

HTML Forms

4. Checkbox – allows the user to select one or more options from a set of choices. One can select by clicking on one of the options.

Hypertext Markup Language