HTML frames and HTML forms

HTML frames and HTML forms

1. HTML Frames and HTML Forms

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

3. HTML Frames

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

5. HTML Frames

6. 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.

7. 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.

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

9. HTML Frames You can also create multiple frames to be displayed.

10. HTML Frames

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. HTML Forms

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 Type – determines what kind of input field Name – assigns a name to the given field so that you have a reference for later use

15. HTML Forms Sample syntax <form> First name: <input type =“input” name=“ sarah ”> </form> Last name: <input type =“text” name=“ leah ”> </form>

16. HTML Forms

17. HTML Forms To specify one type of input tag from another we set the type attribute to one of the following values. <text> <password>

18. HTML Forms text - produces single line text entry password - allows password and other secret data to be entered

19. 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>

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

21. 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.

22. Hypertext Markup Language