简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > html教程 > 正文

怎样实现html的可输入下拉菜单

php中世界最好的语言
发布： 2018-01-25 11:21:21
原创
2873 人浏览过

这次给大家带来怎样实现html的可输入下拉菜单，实现html的可输入下拉菜单的注意事项有哪些，下面就是实战案例，一起来看一下。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body> 
<?php 
echo &#39; 
<form name="DDForm" method="GET" action=""> 
<p style="
position
:relative;"> 
<span style="
margin-left
:100px;width:18px;
overflow
:hidden;"> 
<select style="width:180px;margin-left:-100px" 
onchange
="this.parentNode.nextSibling.value=this.value" name="hh"> 
<option value="汽车">汽车 </option> 
<option value="火车"> 火车 </option> 
<option value="飞机"> 飞机 </option> 
</select> 
</span><input name="box" style="width:160px;position:absolute;left:0px;"> 
<input value="提交" name="submit" type="submit"/> 
</p> 
</form>&#39;; 
$aa=$_GET[&#39;hh&#39;]."111"; // select 下拉菜单的值 
$bb=$_GET[&#39;box&#39;]."222"; // 输入框的值 
echo $aa; 
echo "</br>"; 
echo $bb; 
// 要获得可输入下拉菜单的值，只要获得输入框的值即可。 
?> 
</body> 
</html>
登录后复制

要获得可输入下拉菜单的值，只要获得输入框的值即可。
注意：

 </span><input name="box" style="width:160px;position:absolute;left:0px;">
登录后复制

这行要在一行中，不能写成 

</span> 
<input name="box" style="width:160px;position:absolute;left:0px;">
登录后复制

换行了之后则下拉菜单的值不能显示在 输入框中。

还可以根据输入的内容自动选择匹配的菜单值。

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

在html中如何实现下载功能

怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果

canvas.toDataURL image/png 报错应该怎么处理

以上是怎样实现html的可输入下拉菜单的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
html 下拉菜单
来源：php.cn
上一篇：a标签href属性与onclick事件应该如何使用 下一篇：html怎样使用超链接打开新窗口并且控制该窗口属性
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
在移动视图中，当用户点击链接时，如何关闭此导航栏？ 当用户点击链接浏览网站时，导航栏没有关闭？我曾尝试向每个链接添加单击事件侦听器以关闭导航栏，但它不起作用！此外，处于活动位置（即X）的hamberberger菜单图标也没有很好地对...
来自于 2024-04-06 19:23:03
0
1
411
显示隐藏的侧面板：选中 我希望在侧面板中有一个导航菜单，可以通过动画汉堡菜单切换到视图。我想仅使用CSS创建它，而不使用任何JS。:checked伪类似乎是可行的方法，但我无法让它工作。到目前为止我拥有的...
来自于 2024-04-06 15:49:33
0
1
319
使用 Javascript / Jquery 提交表单且不带按钮 我试图通过调用JavaScript函数并使用JQUERY/PHP执行表单来提交没有按钮的表单。我希望表单在后端静默执行，而无需重新加载页面。不幸的是，它不断返回JavaScript...
来自于 2024-04-06 14:54:03
0
2
421
PHPMailer 使用 gmail 和 XOAUTH2：当前刷新令牌过期时如何自动获取新的刷新令牌？ 我关注使用Gmail与XOAUTH2(PHPMailerWiki)和如何使用PHPMailer与GmailXOAUTH2发送电子邮件？（Chandanforw3jar.com；20...
来自于 2024-04-06 10:14:45
0
1
373
按钮点击时，JavaScript函数无效 我已经在互联网上搜索并尝试了很多方法，但是在一个相对简单的问题上卡住了。下面的代码是我问题的全部范围<script>//Functiontoeventuallycopy...
来自于 2024-04-05 13:14:53
0
2
1433
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！