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 Frames
Sample 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 Frames
Sample 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 Forms
Two attributes
1. Type – determines what kind of input
field
2. Name – assigns a name to the given
field so that you have a reference for
later use
HTML Forms
Sample 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 Forms
1. text - produces single line text entry
2. password - allows password and other
secret data to be entered
HTML Forms
Sample 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

HTML frames and HTML forms

  • 1.
    HTML Frames andHTML Forms
  • 2.
    HTML Frames • Frames– enables the browser to display more than one HTML document on the same window.
  • 3.
  • 4.
    HTML Frames Sample syntaxof HTML Frames <frameset cols=40%, 60%> <frame src= “grade6.html”> <frame src = “grade6-2013.html”> </frameset>
  • 5.
  • 6.
    HTML Frames <frameset> Are framesto 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.
  • 7.
    HTML Frames <frame> Is theelement 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.
  • 8.
    HTML Frames Sample syntaxof HTML Frames <frameset cols=40%, 60%> <frame src= “grade6.html”> <frame src = “grade6-2013.html”> </frameset>
  • 9.
    HTML Frames You canalso create multiple frames to be displayed.
  • 10.
  • 11.
    HTML Forms Forms –is used to allow user to enter information like text fields, text area fields, drop-down menus, radio buttons, checkboxes, etc.
  • 12.
  • 13.
    HTML Forms Input <input> -Is used to define an input field where the user may enter information on the form .
  • 14.
    HTML Forms Two attributes 1.Type – determines what kind of input field 2. Name – assigns a name to the given field so that you have a reference for later use
  • 15.
    HTML Forms Sample syntax <form> Firstname: <input type =“input” name=“sarah”> </form> Last name: <input type =“text” name=“leah”> </form>
  • 16.
  • 17.
    HTML Forms • Tospecify one type of input tag from another we set the type attribute to one of the following values. 1. <text> 2. <password>
  • 18.
    HTML Forms 1. text- produces single line text entry 2. password - allows password and other secret data to be entered
  • 19.
    HTML Forms Sample syntax <form> Firstname: <input type =“input” name=“sarah”> </form> Last name: <input type =“text” name=“leah”> </form> Password: <input type =“password” > </form>
  • 20.
    HTML Forms 3. Radio– is used to display a list of options. However it only allows one option to be selected.
  • 22.
    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.
  • 24.