Using Forms and Frames Session Objectives ► Using Forms and Common HTML Input Elements ► Using Frames Introduction to Forms ► Uses of Forms  Collecting names, addresses, telephone numbers, e-mail addresses, and other information to register users for a service or event  Gathering information for the purchase of an item For example, if we want to purchase a book over the Internet, we would be required to fill in our name, mailing address, mode of payment, and so on A Sample Form Using Forms ► The FORM element … ► Form Attribute  ACCEPT  ACTION  METHOD HTML Input Element Attribute ► The        INPUT Element TYPE NAME VALUE SIZE MAXLENGTH CHECKED SRC Input –Type Attribute ► ► ► ► ► ► ► TEXT [ Default ] CHECKBOX RADIO SUBMIT RESET IMAGE BUTTON INPUT types ► Button     Name Size Type Value  Text     Type Value Name Size [...]... 22 Output 23 The NOFRAMES Element Frames are not being displayed Click here for a non -frames version ... views 19 FRAMESET Element ► Frames are created FRAMESET tag ► The attributes are:  Rows  Cols using the 20 FRAME Element ► The        attributes of the FRAME element include: name src noresize scrolling frameborder marginwidth marginheight 21 Nested Frame sets Nested Frames ... Output 17 Frames ► Frames divide a Web browser’s window into separate regions, each of which can display a separate scrollable page ► For example, we can use three frames in the Web page, one with a banner, one for the navigation menu and one to display data 18 Uses of Frames ► To display a logo or static information in one fixed portion of the page ► The user can just click and move around the... NAME=”x” SCROLLING=no FRAMEBORDER=no> Frames are not being displayed Click here for a non -frames version 24 Inline Frames ► Attribute  Name  Width  Height 25 ... NAME="Experience" SIZE="3" > 1 year 1 - 3 years None 14 Creating Forms ► Controlling the elements  Setting focus  Tab order  Access keys  Disabling Elements  Structuring the form 15 Using Buttons Personal Information