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