Page 137 - iPro_trackGPT_V5_Class7
P. 137

For example:

                 <INPUT LIST="Countries" NAME="Country">

                 <DATALIST ID="Countries">
                 <OPTION VALUE="India">

                 <OPTION VALUE="China">

                 <OPTION VALUE="Indonesia">
                 <OPTION VALUE="Pakistan">

                 <OPTION VALUE="Bangladesh">

                 <OPTION VALUE="Japan">
                 </DATALIST>

                 The above code will create a drop-down list in which these countries names are available.
                 Let us create a web page to display the datalist.
                 <!DOCTYPE HTML>

                 <HTML>

                 <HEAD>
                 <TITLE>Countries</TITLE>
                 </HEAD>

                 <BODY>
                 <FORM>

                 Choose Your Country:
                 <INPUT LIST="Countries" NAME="Country">

                 <DATALIST ID="Countries">

                 <OPTION VALUE="India">
                 <OPTION VALUE="China">

                 <OPTION VALUE="Indonesia">

                 <OPTION VALUE="Pakistan">
                 <OPTION VALUE="Bangladesh">

                 <OPTION VALUE="Japan">

                 </DATALIST>
                 </FORM>

                 </BODY>

                 </HTML>






                                                                                               More on HTML      135
   132   133   134   135   136   137   138   139   140   141   142