html怎么做下拉框 _HTML/CSS

html如何做下拉框啊
如果让文本输入框变成下拉框？例如
<form action="dd.php" method="post" name="myform" onsubmit="return CheckPost();">
地区：<input type="text" size="20" name="area" />
这个文本框是要手写输入内容的，如何让他拥有下拉框内容包括“北京、深圳、重庆……”等一些内容啊。

------解决方案--------------------
用 select

HTML code

<select size="1" name="D1">
    <option id="a1" value="acd">acd</option>
    <option id="a2" value="def" selected>def</option>
</select>

------解决方案--------------------

<select name="area">
   <option value="北京">北京</option>
   <option value="深圳">深圳</option>
   <option value="重庆">重庆</option>
   ......// 建议先看些基础的东西, 如页面标签呀什么的
</select>