Category Archives: HTML

Bootstrap Link To Tab

PHP US State Dropdown Array

Complete PHP State Dropdown Array Form
<!DOCTYPE html>
<html>
<head>
<title>States Dropdown Array</title>
<style type="text/css">
<!--
.states {
display:none;
}
-->
</style>
</head>
<body>
<?php
$states = array(
'AL' => "Alabama",
'AK' => "Alaska",
'AZ' => "Arizona",
'AR' => "Arkansas",
'CA' => "California",
'CO' => "Colorado",
'CT' => "Connecticut",
'DE' => "Delaware",
'DC' => "District Of Columbia",
'FL' => "Florida",
'GA' => "Georgia",
'HI' => "Hawaii",
'ID' => "Idaho",
'IL' => "Illinois",
'IN' => "Indiana",
'IA' => "Iowa",
'KS' => "Kansas",
'KY' => "Kentucky",
'LA' => "Louisiana",
'ME' => "Maine",
'MD' => "Maryland",
'MA' => "Massachusetts",
'MI' => "Michigan",
'MN' => "Minnesota",
'MS' => "Mississippi",
'MO' => "Missouri",
'MT' => "Montana",
'NE' => "Nebraska",
'NV' => "Nevada",
'NH' => "New Hampshire",
'NJ' => "New Jersey",
'NM' => "New Mexico",
'NY' => "New York",
'NC' => "North Carolina",
'ND' => "North Dakota",
'OH' => "Ohio",
'OK' => "Oklahoma",
'OR' => "Oregon",
'PA' => "Pennsylvania",
'RI' => "Rhode Island",
'SC' => "South Carolina",
'SD' => "South Dakota",
'TN' => "Tennessee",
'TX' => "Texas",
'UT' => "Utah",
'VT' => "Vermont",
'VA' => "Virginia",
'WA' => "Washington",
'WV' => "West Virginia",
'WI' => "Wisconsin",
'WY' => "Wyoming"
);
?>
<form>
<select name="state">
<option selected="selected" class="states">Select State</option>
<?php foreach ($states as $abbr => $state) {?>
<option value="<?php echo $abbr;?>"><?php echo $state;?></option>
<?php }?>
</select>
</form>
</body>
</html>

Colored Table Cell On Select

<form method="post">
<select name="cell" size="1">
<option></option>
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<input name="submit" type="submit" value="Submit">
</form>
<style type="text/css">
<!--
table td {
border: 1px solid;
}
<?php
if (isset($_POST['cell']))
{
echo "td.{$_POST['cell']} {background:yellow;}";
}
?>
-->
</style>
<table>
<tr>
<td class="a">Cell A</td>
<td class="b">Cell B</td>
<td class="c">Cell C</td>
</tr>
</table>