Page 81 - Trackpad_V4.0_C8_Flipbook
P. 81
Let us create a web page containing login form, which accepts the user name and password from the
user. Code to create the Form.html is as follows:
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE> Login Form </TITLE> </HEAD>
<BODY STYLE="BACKGROUND-COLOR:lightyellow">
<FORM>
User Name: <INPUT TYPE="TEXT" NAME="USER NAME"> <BR>
Password: <INPUT TYPE="PASSWORD" NAME="PASSWORD"><BR>
<INPUT TYPE="CHECKBOX"> Remember me next time
<BR>
<INPUT TYPE="BUTTON"
VALUE="Log IN">
</FORM> </BODY>
</HTML>
THE <TEXTAREA> TAG
The <TEXTAREA> tag is used to create a multi-line text input area that can accept long text values.
We can specify the number of rows and columns we want in text area by using the ROWS and COLS
attributes of the <TEXTAREA> tag.
The syntax of the <TEXTAREA> tag is as follows:
<TEXTAREA ROWS="2" COLS="70">
Let us create a student registration form by using form elements of HTML. The code to create the
registration form is as follows:
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE> Form </TITLE>
</HEAD>
<BODY STYLE="BACKGROUND-COLOR:lightyellow; COLOR:blue;">
<H1 STYLE= "TEXT-ALIGN: center"> Registration Form </H1>
<HR>
<FORM>
Name: <INPUT TYPE="TEXT"> <BR><BR>
Forms in HTML5 79

