Page 136 - iPro_trackGPT_V5_Class7
P. 136

</FORM>

                  </BODY>

                  </HTML>
                  Adding Password Field

                  This is also a single-line text input, but it masks the character as soon as a user enters a character/
                  number into it. The password is not visible to the user in password field control.
                  To add the password field to the form, follow the syntax as given below:
                  <INPUT TYPE="PASSWORD" NAME="Name of Password Field" SIZE="Size of the password
                  Field">
                  For example:
                  <INPUT TYPE="PASSWORD" NAME="Pass" SIZE="10">
                  TYPE="PASSWORD" indicates that the form element is password.
                  Name="Pass" indicates that the name of the password field is "Pass".

                  SIZE="10" denotes the maximum size of the password field i.e. '10'.
                  Let us create a web page to display the password field.

                  <!DOCTYPE html>
                  <HTML>
                  <BODY>

                  <FORM>
                  Password: <INPUT TYPE="PASSWORD" NAME="Pass" SIZE="10">

                  </FORM>
                  </BODY>
                  </HTML>
                  Adding DataList


                  To provide input suggestions while allowing the user to submit input directly, use the <datalist>
                  element.
                  The <datalist> element provides a list of options for the user to select from, but it also allows the
                  user to enter their own input freely in an associated <input> field.
                  To add the data list in the form, follow the syntax as given below:

                  <INPUT LIST="list type" NAME="name of the list">

                  <DATALIST ID="Id of list">
                  <OPTION VALUE="Option1">

                  <OPTION VALUE="Option2">
                  <OPTION VALUE="Option3">

                  <OPTION VALUE="Option4">

                  </DATALIST>



                   134    TrackGPT iPRO (V5.0)-VII
   131   132   133   134   135   136   137   138   139   140   141