Page 81 - TrackpadV2.1_Class8
P. 81
Syntax of single-line text input control:
<INPUT TYPE = "TEXT" NAME = "The word that describes the textbox" SIZE = "The width you
want to use for the text box" MAXLENGTH = "Maximum number of characters">
Write HTML codes for creating a single-line text input control:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> Single Line Text Input Control </TITLE>
</HEAD>
<BODY>
<FORM NAME = "Registration Form" METHOD = "POST" ACTION =
"mailto:info@orangeeducation.in">
<H1 STYLE = "text-align:center"> Registration </H1>
<B>ApplicantName:</B>
<INPUT TYPE = "TEXT" NAME = "APPLI_NAME" SIZE = "30" MAXLENGTH = "20">
<BR> <BR>
<B>Address: </B>
<INPUT TYPE = "TEXT" NAME = "ADDRESS" SIZE = "30" MAXLENGTH = "40">
</FORM>
</BODY>
</HTML>
Password input control
This control is same as the text input control, but it masks the characters as soon as the user enters
them. The characters entered/typed appear as * instead of normal text.
Syntax of password input control:
<INPUT TYPE = "Password" NAME = "The word that describes the textbox" SIZE = "The width
you want to use for the text box" MAXLENGTH = "Maximum number of characters">
Multi-line text input control
This control allows us to enter multiple lines. The <TEXTAREA> tag contains the ROWS and COLS
attributes, where ROWS attribute indicates the number of rows the text area should accommodate
and COLS attribute indicates the width area.
Images, Links and Forms in HTML5 79

