如何实现文本框式的下拉框

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD> <BODY>
<div style=position:relative>
<span style="margin-left:320px;width:18px;overflow:hidden">
<select id=lTrade style="width:336px;margin-left:-320px" onchange="trade.value=this.value;trade.focus();">
<option value=第一项>第一项</option>
<option value=第二项>第二项</option>
<option value=第三项>第三项</option>
</select>
</span>
<input type=text id=trade style="width:320px;position:absolute;left:0px;font-size:12px" maxlength=50>
</div>
 </BODY>
</HTML>