Page 91 - TP_Play_V2.1_class8
P. 91

Let us create a web page to display the check box.

                 <!DOCTYPE html>

                 <HTML>

                 <BODY>

                 <FORM>

                 Hobbies: <BR>
                                                                                 Output
                 <INPUT TYPE="CHECKBOX" NAME="Hobbies" VALUE="Reading"> Reading <BR>
                 <INPUT TYPE="CHECKBOX" NAME="Hobbies" VALUE="Reading"> Travelling <BR>

                 <INPUT TYPE="CHECKBOX" NAME="Hobbies" VALUE="Reading"> playing games <BR>

                 <INPUT TYPE="CHECKBOX" NAME="Hobbies" VALUE="Reading"> singing & dancing <BR>

                 </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>
                                                                                 Output
                 Password: <INPUT TYPE="PASSWORD" NAME="Pass" SIZE="10">
                 </FORM>
                 </BODY>

                 </HTML>

                                                                          Images, Links and Frame in HTML5        89
   86   87   88   89   90   91   92   93   94   95   96