Upload
nadine-cruz
View
101
Download
1
Embed Size (px)
Citation preview
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