HTML:
Add two textboxes with images to the HTML page.
<!-- ComboBox Table (with textbox and arrow icon) -->
<table>
<tr>
<td>
<table class="combobox" cellpadding="0" cellspacing="0">
<tr>
<td>
<tr>
<!-- hour -->
<td>
<input tabindex="3" maxlength="2" value="00" type="text" id="text2"
style="width:25px; text-align:right;" class="combotext"
onkeypress="document.getElementById('option_placeholder').style.display='none';"
onkeydown="document.getElementById('option_placeholder').style.display='none';"
onfocus="buildOptions(23, this.id, 1, 0, 'right');"
/></td>
<td valign="middle"><a href="javascript://"
onmouseout="swapImage('imgText2', '../images/combobox1.gif');"
onmouseover="swapImage('imgText2', '../images/combobox2.gif');"
onclick="buildOptions(23, 'text2', 1, 0, 'right');"><img alt="" border="0" id="imgText2" src="../images/combobox1.gif" /></a></td>
</tr>
</table>
</td>
<td>:</td>
<td>
<table class="combobox" cellpadding="0" cellspacing="0">
<tr>
<!-- Minutes -->
<td>
<input tabindex="3" maxlength="2" value="00" type="text" id="text1"
style="width:25px; text-align:right;" class="combotext"
onkeypress="document.getElementById('option_placeholder').style.display='none';"
onkeydown="document.getElementById('option_placeholder').style.display='none';"
onfocus="buildOptions(60, this.id, 5, 0, 'right');"
  |