Page 126 - TP_Plus_v2.2_Class_8
P. 126

<IFRAME  SRC="Home.html"  NAME  = "iframe1"  WIDTH="30%"  HEIGHT="100%"
                  STYLE="float:left;">

                  </IFRAME>
                  <IFRAME SRC="Activities.html"  NAME="iframe2"  WIDTH="70%"  HEIGHT="100%"
                  STYLE="position:absolute;">
                  </IFRAME>
                  </HTML>
                  In the preceding code, we have divided the browser window into two columns. In the left column,
                  the Home page of the ABC Public School website will open. When we click any hyperlink from the left

                  column, the linked web page will appear in the right column. Ensure that all the hyperlinks should
                  contain the TARGET attribute with 'iframe2' as value.
                  The float and position properties of CSS are used to display frames side by side. You can also hide
                  the border of the frames by using the border property of CSS. You can change style of the border of
                  frames by using the border-style property of CSS.



























                                                                Output


                         CREATING FORMS IN HTML


                  We have seen various types of forms such as registration form, login form and feedback form on the
                  different types of websites. These forms are created by using HTML. Generally, a form is collection of
                  different types of fields to take the input from the user on the web page. It replaces the paper-based
                  forms used earlier. Nowadays, we notice that most of the schools, universities and other commercial

                  organisations use the online forms to submit or accept the information. There are different types of
                  fields such as text boxes, check boxes, radio buttons, drop-down menus and password which are
                  used  to accept different types of information.

                  HTML provides two main tags which are <FORM> and <INPUT> to handle the forms on the web page.
                  Let us learn about these in detail.


                  124   Plus (Ver. 2.2)-VIII
   121   122   123   124   125   126   127   128   129   130   131