HTML Forms
The HTML form is an important topic to discuss. HTML forms are typically used to collect user information, including dynamic and database-based web site log-in systems, voting systems, contact forms. An HTML form is composed of several components. These are:
1. Text box
2. Text area
3. Radio button
4. Submit button
5. Check box
6. Dropdown list
Example Programs
<Html>
<Head>
<Title> www.tutohost.com </ title>
</ Head>
<Body bgcolor = "# 000">
<Center>
<Font face = "SolaimanLipi" color = "# fe0321" size = "6">
Help with your information.
</ Font>
</ Br>
</ Br>
<Form name = "info" method = "post" action = "info.php">
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
Name: & nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp;
</ Font>
<Input type = "text" value = "Enter your name" name = "name"> <br /> <br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
Father's Name:
</ Font> & nbsp; & Nbsp;
<Input type = "text" value = "Enter your father's name" name = "name">
<br /> <br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
Address:
</ Font> & nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp;
<Textarea rows = "3" cols = "20"> </ textarea>
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
You male
</ Font>
<Input type = "radio" value = "male" name = "gender">
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
What you woman
</ Font>
<Input type = "radio" value = "female" name = "gender">
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
In the city you live in:
</ Font>
<Select name = "district">
<Option> Kustia </ option>
<Option> Dive </ option>
<Option> Khulna </ option>
<Option> Sylhet </ option>
<Option> Bheramara </ option>
<Option> Jessore </ option>
</ Select>
<br />
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
educational qualification:
</ Font>
<br />
<Input type = "checkbox" value = "checkbox1" name = "checkbox">
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
SSC
</ Font>
<br />
<Input type = "checkbox" value = "checkbox" name = "checkbox">
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
ISSc.C
</ Font>
<br />
<br />
<Input type = "submit" name = "submit" value = "submit">
<br />
<br />
<Input type = "reset" value = "delete" name = "clear">
</ Form>
</ Center>
</ Body>
</ Html>
Open a Notepad and by typing the code above and clicking Save as from the file menu, save as file name: index.html, Save as type: All files, open the index.html file with Mozilla Firefox and look like the image shown below.
The HTML form is an important topic to discuss. HTML forms are typically used to collect user information, including dynamic and database-based web site log-in systems, voting systems, contact forms. An HTML form is composed of several components. These are:
1. Text box
2. Text area
3. Radio button
4. Submit button
5. Check box
6. Dropdown list
Example Programs
<Html>
<Head>
<Title> www.tutohost.com </ title>
</ Head>
<Body bgcolor = "# 000">
<Center>
<Font face = "SolaimanLipi" color = "# fe0321" size = "6">
Help with your information.
</ Font>
</ Br>
</ Br>
<Form name = "info" method = "post" action = "info.php">
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
Name: & nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp;
</ Font>
<Input type = "text" value = "Enter your name" name = "name"> <br /> <br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
Father's Name:
</ Font> & nbsp; & Nbsp;
<Input type = "text" value = "Enter your father's name" name = "name">
<br /> <br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
Address:
</ Font> & nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp; & Nbsp;
<Textarea rows = "3" cols = "20"> </ textarea>
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
You male
</ Font>
<Input type = "radio" value = "male" name = "gender">
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
What you woman
</ Font>
<Input type = "radio" value = "female" name = "gender">
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
In the city you live in:
</ Font>
<Select name = "district">
<Option> Kustia </ option>
<Option> Dive </ option>
<Option> Khulna </ option>
<Option> Sylhet </ option>
<Option> Bheramara </ option>
<Option> Jessore </ option>
</ Select>
<br />
<br />
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
educational qualification:
</ Font>
<br />
<Input type = "checkbox" value = "checkbox1" name = "checkbox">
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
SSC
</ Font>
<br />
<Input type = "checkbox" value = "checkbox" name = "checkbox">
<Font face = "SolaimanLipi" color = "# fe0321" size = "4">
ISSc.C
</ Font>
<br />
<br />
<Input type = "submit" name = "submit" value = "submit">
<br />
<br />
<Input type = "reset" value = "delete" name = "clear">
</ Form>
</ Center>
</ Body>
</ Html>
Open a Notepad and by typing the code above and clicking Save as from the file menu, save as file name: index.html, Save as type: All files, open the index.html file with Mozilla Firefox and look like the image shown below.
No comments:
Post a Comment