WEB页面内实现可编辑选择框的方法

最新推荐文章于 2026-03-29 00:17:31 发布

原创最新推荐文章于 2026-03-29 00:17:31 发布 · 1.4w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTML

当前文章被收录于：

HTML

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文提供了一段用于创建电子邮件地址后缀选择菜单的HTML代码示例。该代码通过下拉菜单的形式让用户选择常见的电子邮件域名，如sina.com、sohu.com等，并允许用户自定义输入。适用于网站注册或表单填写场景。

<select name="selectmenu" style="position:absolute;top:0px; width: 110px; height: 0px; left: 0px; clip: rect(0 180 110 90) " onChange="dmtxt.value=this.options[this.selectedIndex].value">
<option value="">选择邮箱</option>
<option value="sina.com">sina.com</option>
<option value="sohu.com">sohu.com</option>
<option value="tom.com">tom.com</option>
<option value="chinaren.com">chinaren.com</option>
<option value="yahoo.com.cn">yahoo.com.cn</option>
<option value="kingsoft.com">kingsoft.com</option>
</select>
<input name="dmtxt" type="text" value="" onMouseOver="this.select();this.focus();" style="position:absolute;top:0px; width: 95px; height:21px; left:0px;">

标签

#web #input