NAVA NALANDA
GROUP OF SCHOOLS
NAVA NALANDA COMPUTER DEPARTMENT
FORM
An HTML form is used to collect user input. The user input is most often sent to a server for
processing.
The Form Element in HTML is used to create an HTML form for user input.
The Element is a container for different types of input elements, such as: text fields, checkboxes,
radio buttons, submit buttons, etc.
THE INPUT ELEMENT:
The HTML <INPUT> element is the most used form element.
An <INPUT> element can be displayed in many ways, depending on the TYPE attribute.
Type Description
Displays a single-line text input field
Displays a radio button (for selecting one of many choices)
Displays a checkbox (for selecting zero or more of many choices)
Submit
Displays a submit button (for submitting the form)
TEXT BOX CONTROL
THE <INPUT TYPE= “TEXT”> defines a single-line input field for text input.
<html>
<head><title> Text Control </title></head>
<FORM>
<H1> NAVA NALANDA COMPUTER DEPARTMENT </H1>
<hr>
<font color="red" size=5>
<BR>
NAME OF THE STUDENT :
<input type="text" name="S-NAME SIZE=50">
<br>
CLASS-SECTION :
<input type="text" name="CLASS-SEC" SIZE=3">
</FORM>
</html>
FILE → SAVE AS → DESKTOP → [Link] → SAVE
TEXTBOX CONTROL [OUTPUT : [Link]]
NAVA NALANDA COMPUTER DEPARTMENT
NAME OF THE STUDENT :
CLASS-SECTION :
Notice that each input field must have a name attribute to be submitted.
If the name attribute is omitted, the value of the input field will not be sent at all.
CHECKBOX CONTROL
Checkboxes let a user select ZERO or MORE options of a limited number of choices.
<html>
<head><title> CHECK BOX </title></head>
<FORM>
<h1 align="center">
NAVA NALANDA COMPUTER DEPARTMENT </h1>
<hr>
<h2 align="center">
<font color="BLUE" size=3>
<u>SELECT YOUR FAVOURITE CHAPTERS </u></font></h2>
<input type="Checkbox" name="HTML" value="on"> HTML
<BR>
<input type="Checkbox" name="NETWORKING" value="on"> NETWORKING
<BR>
<input type="Checkbox" name="MS-ACCESS" value="on"> MS-ACCESS
<BR>
<input type="Checkbox" name="MS-EXCEL" value="on"> MS-EXCEL
<br>
<input type="submit" value="Select Subject">
</FORM>
</html>
FILE → SAVE AS → DESKTOP → [Link] → SAVE
CHECKBOX CONTROL [OUTPUT : [Link]]
NAVA NALANDA COMPUTER DEPARTMENT
SELECT YOUR FAVOURITE CHAPTERS :
HTML
NETWORKING
MS-ACCESS
MS-EXCEL
SUBMIT
RADIO BUTTON CONTROL
<html>
<head><title> RADIO BUTTONS </title></head>
<body>
<h1 align="center">NAVA NALANDA COMPUTER DEPARTMENT </h1>
<hr>
<FORM>
<h2 align="center">
<font color="BLUE" size=3>
<U>
SELECT YOUR FAVOURITE STREAM :
</u></font></h2>
<BR>
<input type="radio" name="STREAM" value="SCI"> Science
<input type="radio" name="STREAM" value="COM"> Commerce
<input type="radio" name="STREAM" value="HUM"> Humanities
<br>
<br>
<hr>
<input type="submit" value="Submit the form">
<input type="reset" value="Cancel">
</form>
</body>
</html>
FILE → SAVE AS → DESKTOP → [Link] → SAVE
RADIO BUTTON CONTROL [OUTPUT : [Link]]
NAVA NALANDA COMPUTER DEPARTMENT
SELECT YOUR FAVOURITE STREAM :
Science Commerce Humanities
Submit the form Cancel
FORM
…………………………….