既可以输入新的信息，又可以从下拉框中选择的代码

最新推荐文章于 2024-08-21 09:01:24 发布

最新推荐文章于 2024-08-21 09:01:24 发布 · 169 阅读

博客展示了一个既可以输入新信息，又能从下拉框中选择信息的输入框示例。通过 HTML 的 select 标签创建下拉框，设置多个选项，同时搭配 input 文本框，当在下拉框选择选项时，会将所选值赋给文本框。

<table>
<tr>
<td style="font-size: 12px;">
既可以输入新的信息，又可以从下拉框中选择：
</td>
<td valign="top">
<select name="myselect" style=" width:220; position:absolute;clip: rect(2 100% 90% 201)" onchange="document.getElementById('txtPlace').value=this.value">
<option value=""> </option>
<option value="蓝色经典"> 蓝色经典 </option>
<option value="织梦地带"> 织梦地带 </option>
<option value="联盟论坛"> 联盟论坛 </option>
<option value="无忧脚本"> 无忧脚本 </option>
</select>
<input name="txtPlace" type="text" size="32" style="font-size:12px; border: none; border-bottom: 1px solid #a0a0a0; background-color:transparent;">
</td>
</tr>
</table>