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

