Page 77 - Trackpad_V5_Book 7
P. 77

Syntax of multi-line text input control:

            <TEXTAREA NAME = "The word that describes the text area" ROWS = "Number of rows the text
            box should accommodate" COLS = "Width of the text area"></TEXTAREA>

            Checkbox Input Control
            This control is used when multiple options from a group are required to be selected by the site-visitor.

            When selected, the checkbox is marked with a tick mark. While defining checkboxes, we need to
            specify the following:
               The group name should be specified for all the checkboxes by using the NAME attribute.

               Each checkbox should be specified with a word describing the purpose of the checkbox which is
              done with the help of the VALUE attribute.

               The text that needs to be displayed beside the checkbox should be specified.
            <INPUT TYPE = "CHECKBOX" NAME = "A Word describing the group name" VALUE = "A word
            that describes the checkbox">


            Radio Input Control                                                     21 st
                                                                                  Century   #Flexibility
            This control is used  when  one out  of the                            Skills
            multiple options from a group is required to be       "Keep practising because excellence
                                                                  is a continuous  process  and not  an
            selected by the site visitor. Only the selected       accident."
            radio button in a group is filled. While defining                           -Mr. Techie
            checkboxes, we need to specify the following:
               The group name should be specified for all the radio buttons by using the NAME attribute.

                Each radio button should be specified with a word describing the purpose of the radio button
              which is done with the help of the VALUE attribute.
               The text that is needed to be displayed beside the radio button should be specified.

            Syntax of radio input control:
            <INPUT TYPE = "RADIO" NAME = "A Word describing the group name" VALUE = "A word that
            describes the radio button">


            Clickable Buttons

            This control creates a button that acts when clicked. The form has two types of buttons:
               Submit: We can create a Submit button to send all the form data to the server. Syntax of
              submit button:
               <INPUT TYPE = "SUBMIT" NAME = "Name of the button" VALUE = "Text you want to display
              on the button">

               Reset: We can create a Reset button to reset the values of all the controls to the initial values in
              the form. Syntax of reset button:
               <INPUT TYPE = "RESET" NAME = "Name of the button" VALUE = "Text you want to display on
              the button">



                                                                              Images, Links and Forms in HTML5  75
   72   73   74   75   76   77   78   79   80   81   82