Page 143 - Trackpad_ipro 4.1_Class7
P. 143

</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>



                                                                                               More on HTML      141
   138   139   140   141   142   143   144   145   146   147   148