Page 191 - Webapplication11_C11_Flipbook
P. 191
Clickable Buttons
This control creates a button that acts when clicked. The form has two types of buttons:
Ð ÐSubmit: We can create a Submit button to send all the form data to the server. Syntax of submit button:
<INPUT TYPE = "SUBMIT" NAME = "Name of the button" VALUE = "Text you want to
display on the button">
ÐReset: We can create a Reset button to reset the values of all the controls to the initial values in the form. Syntax
Ð
of reset button:
<INPUT TYPE = "RESET" NAME = "Name of the button" VALUE = "Text you want to
display on the button">
File Upload Control
The File input control in HTML allows users to upload files from their local devices to a web server. This input type is
typically used in forms to enable users to select files, such as documents, images, or other media types, to be sent as
part of the form submission.
Syntax of file upload control:
<INPUT TYPE="FILE" ID="FileUpload" NAME="Browse" >
Write HTML codes to create a form.
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE> Registration Form </TITLE> </HEAD>
<BODY STYLE="background-color:lightpink">
<FORM NAME="Registration From" METHOD="POST" ACTION="mailto:abc@gmail.com">
<H1 ALIGN = "centre"> Registration Form </H1>
<B>Applicant Name:</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">
<BR> <BR>
<B> State: </B>
<INPUT TYPE="TEXT" NAME="State" SIZE="30" MAXLENGTH="40">
<B> City: </B>
<INPUT TYPE="TEXT" NAME="City" SIZE="30" MAXLENGTH="40">
<BR> <BR>
<B> Gender: </B>
<INPUT TYPE="RADIO" NAME="Gender" VALUE="M" > Male
<INPUT TYPE="RADIO" NAME="Gender" VALUE="F" CHECKED > Female
<BR> <B> Username (for this website):</B>
<INPUT TYPE="TEXT" NAME="Username" SIZE="30" MAXLENGTH="40">
<BR> <BR> <B> Password (for this website):</B>
<INPUT TYPE="Password" NAME="PWD" SIZE="30" MAXLENGTH="20"> <BR>
Website Building Using HTML and CSS 189

