Controls </h3> <Form action="mailto:abcd.xyz@com" method=post> <p> Student Name: <Input type=text name=name size= maxlength= ></p> <p> City / Town: <Select name = area size= > <option value = CHN> Chennai </option> <option value = MDR selected> Madurai </option> <option value = CBO> Coimbatore </option> <option value = KKM> Kanyakumari </option> </Select> </p> <input type=reset name=reset value="Clear"> <input type=submit name=submit value="Submit"> </Form> </body> </html> Illustration . : An HTML code to demonstrate Form and Form controls (Dropdown List box) Chapter Pages The output will be D:\ \ HTML - Form and Co.. File Edit View Favorites Tools Help Forms and Controls Student Name : Chennai Madurai Coimbatore Kanniyakumari City / Town: Clear Submit . .
. <Textarea> tag The <Textarea> tag is used to receive multi line text data as input. It is a container tag. The main attributes of <Textarea> are Name – Used to define name to the control Rows – Specifies the number of rows in the text area control Cols – Specifies the number of columns in the text area.
(number of characters in a line) <html> <head> <title> HTML - Form and Controls </title> </head> <body> <h3 align=center> Forms and Controls </h3> <Form action="mailto:abcd.xyz@com" method=post> <p> Student Name: <Input type=text name=name size= maxlength= ></p> <p> Email: <input type=text name=mail size= maxlength= > </p> <p> Comments: <br> <Textarea rows= cols= name=comments> </Textarea> </p> <input type=reset name=reset value="Clear"> <input type=submit name=submit value="Submit"> </Form> </body> </html> Illustration . : An HTML code to demonstrate Form and Form controls (Text Area – Multiline input) Chapter Pages The output will be: D:\ \ HTML - Form and Co.. File Edit View Favorites Tools Help Forms and Controls Student Name: Email: Comments: Clear Submit <html> <head> <title> HTML - Form and Controls </title> </head> <body> <h3 align=center> Students Data Entry Form </h3> <Form action="mailto:abcd.xyz@com" method=post> <p> Student Name: <Input type=text name=name size= maxlength= ></p> <p> Email: <input type=text name=mail size= maxlength= > </p> <p> Gender: <input type=radio name=gender value=boy> Boy <input type=radio name=gender value=girl> Girl </p> <p> Subjects: <input type=checkbox name=sub value=Tam> Tamil <input type=checkbox name=sub value=Tel> Telugu <input type=checkbox