Page 139 - Trackpad_ipro 4.1_Class7
P. 139

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. Output as shown below:
                 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.

























                     FORMS IN HTML5

                 We have seen various types of forms, such as a registration form, a login form, and a feedback
                 form on different websites. These forms are created using HTML5. Generally, a form is a collection
                 of different types of fields taking input from a user. Online forms have replaced paper-based
                 forms. Nowadays, most schools, universities, and commercial organisations use online forms
                 to submit or accept information. These forms incorporate different types of fields, such as text
                 boxes, check boxes, radio buttons, drop-down menus and passwords, etc., to collect different
                 types of information.
                 What is a Form?

                 An HTML5 form is an interface of a web page that enables the user to enter data (such as names,
                 e-mail addresses, passwords, phone numbers, etc.) to be sent to the server for processing. While
                 writing codes, there are various form elements that help in designing a form, like textboxes, radio
                 buttons, drop-down menus, checkboxes, passwords, lists, comboboxes, etc. Every form must
                 begin with a <FORM> tag, which is placed inside the body of the HTML5 document.
                 The <FORM> Tag

                 The <FORM> tag is used to create the form boundary on a web page. It is a container tag. All
                 other form related tags are placed inside the opening <FORM> and closing </FORM> tags.
                 The syntax to use the <FORM> tag is as follows:

                    <FORM>
                     ...

                     ...


                                                                                               More on HTML      137
   134   135   136   137   138   139   140   141   142   143   144