<!DOCTYPE HTML public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://"><html><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>Registration Form</title>
<style type="text/css">
h4 { margin-bottom: 0.5em; margin-top: 0.3em;}
h5 { margin-top: -0.01px; margin-bottom: 0.3em;}
label { font-size: 10pt;}
</style>
</head>
<body>
<!-- /.content-wrapper-->
<div class="content-wrapper">
<form id="frm-add-expense">
<h4 class="frm-title"><b>I work in …… industry company</b></h4>
<h5>Using select option</h5>
<label for="sel-industry">Industry : </label>
<select name="sel-industry" id="sel-industry">
<option value=""></option>
<option value="Agricultural Sector">Agricultural Sector</option>
<option value="Education Sector">Education Sector</option>
<option value="Energy Sector">Energy Sector</option>
<option value="Entertainment Sector">Entertainment Sector</option>
<option value="Financial Sector">Financial Sector</option>
<option value="Food and Beverage Sector">Food and Beverage Sector</option>
<option value="Healthcare Sector">Healthcare Sector</option>
<option value="Manufacturing Sector">Manufacturing Sector</option>
<option value="Real Estate Sector">Real Estate Sector</option>
<option value="Retail Sector">Retail Sector</option>
<option value="Technology Sector">Technology Sector</option>
<option value="Transportation Sector">Transportation Sector</option>
</select>
<h5>Using radio</h5>
Industry:<br/>
<!-- /region of type each code line in same line -->
<input type="radio" value="Agricultural Sector" name="rad-industry-sector" id="rad-agricultural-sector"><label for="rad-agricultural-sector">Agricultural Sector</label><br />
<input type="radio" value="Education Sector" name="rad-industry-sector" id="rad-education-sector"><label for="rad-education-sector">Education Sector</label><br />
<input type="radio" value="Energy Sector" name="rad-industry-sector" id="rad-energy-sector"><label for="rad-energy-sector">Energy Sector</label><br />
<input type="radio" value="Entertainment Sector" name="rad-industry-sector" id="rad-entertainment-sector"><label for="rad-entertainment-sector">Entertainment Sector</label><br />
<input type="radio" value="Financial Sector" name="rad-industry-sector" id="rad-financial-sector"><label for="rad-financial-sector">Financial Sector</label><br />
<input type="radio" value="Food and Beverage Sector" name="rad-industry-sector" id="rad-food-and-beverage-sector"><label for="rad-food-and-beverage-sector">Food and Beverage Sector</label><br />
<input type="radio" value="Healthcare Sector" name="rad-industry-sector" id="rad-healthcare-sector"><label for="rad-healthcare-sector">Healthcare Sector</label><br />
<input type="radio" value="Manufacturing Sector" name="rad-industry-sector" id="rad-manufacturing-sector"><label for="rad-manufacturing-sector">Manufacturing Sector</label><br />
<input type="radio" value="Real Estate Sector" name="rad-industry-sector" id="rad-real-estate-sector"><label for="rad-real-estate-sector">Real Estate Sector</label><br />
<input type="radio" value="Retail Sector" name="rad-industry-sector" id="rad-retail-sector"><label for="rad-retail-sector">Retail Sector</label><br />
<input type="radio" value="Technology Sector" name="rad-industry-sector" id="rad-technology-sector"><label for="rad-technology-sector">Technology Sector</label><br />
<input type="radio" value="Transportation Sector" name="rad-industry-sector" id="rad-transportation-sector"><label for="rad-transportation-sector">Transportation Sector</label><br />
<!-- /end region of type each code line in same line -->
<h5>Using Checkbox</h5>
Industry:<br/>
<!-- /region of type each code line in same line -->
<input type="checkbox" value="Agricultural Sector" name="chk-agricultural-sector" id="chk-agricultural-sector"><label for="chk-agricultural-sector">Agricultural Sector</label><br />
<input type="checkbox" value="Education Sector" name="chk-agricultural-sector" id="chk-education-sector"><label for="chk-agricultural-sector">Education Sector</label><br />
<input type="checkbox" value="Energy Sector" name="chk-energy-sector" id="chk-energy-sector"><label for="chk-energy-sector">Energy Sector</label><br />
<input type="checkbox" value="Entertainment Sector" name="chk-entertainment-sector" id="chk-entertainment-sector"><label for="chk-entertainment-sector">Entertainment Sector</label><br />
<input type="checkbox" value="Financial Sector" name="chk-financial-sector" id="chk-financial-sector"><label for="chk-financial-sector">Financial Sector</label><br />
<input type="checkbox" value="Food and Beverage Sector" name="chk-food-and-beverage-sector" id="chk-food-and-beverage-sector"><label for="chk-food-and-beverage-sector">Food and Beverage Sector</label><br />
<input type="checkbox" value="Healthcare Sector" name="chk-healthcare-sector" id="chk-healthcare-sector"><label for="chk-healthcare-sector">Healthcare Sector</label><br />
<input type="checkbox" value="Manufacturing Sector" name="chk-manufacturing-sector" id="chk-manufacturing-sector"><label for="chk-manufacturing-sector">Manufacturing Sector</label><br />
<input type="checkbox" value="Real Estate Sector" name="chk-real-estate-sector" id="chk-real-estate-sector"><label for="chk-real-estate-sector">Real Estate Sector</label><br />
<input type="checkbox" value="Retail Sector" name="chk-retail-sector" id="chk-retail-sector"><label for="chk-retail-sector">Retail Sector</label><br />
<input type="checkbox" value="Technology Sector" name="chk-technology-sector" id="chk-technology-sector"><label for="chk-technology-sector">Technology Sector</label><br />
<input type="checkbox" value="Transportation Sector" name="chk-transportation-sector" id="chk-transportation-sector"><label for="chk-transportation-sector">Transportation Sector</label><br /> <button type="submit" class="btn">Add</button>
<!-- /end region of type each code line in same line -->
</form>
</div>
<!-- /.content-wrapper-->
</body>
</html>
2. Save as IndustrySample1.htm
3. Open the file in your browser.
Notes
- Type <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> in same line.
- Type the HTML source code between <!-- /region of type each code line in same line --> and <!-- /end region of type each code line in same line --> to the same line.
Output
 |
| HTML Select Option, Radio, Checkbox |
 |
| HTML Select Option On Click |
< back to Learn HTML
Tidak ada komentar:
Posting Komentar