如何制作一个页面下拉菜单—html

最新推荐文章于 2023-07-20 20:36:22 发布

云南仟龙Mark

最新推荐文章于 2023-07-20 20:36:22 发布

阅读量1.8k

点赞数

文章标签： html 前端

原文链接：https://blog.51cto.com/u_15111999/4831989

版权

今天分享下”如何制作一个页面下拉菜单—html“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。代码如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

</head>

<body>

<?php

echo '

<form name="DDForm" method="GET" action="">

<div style="position:relative;">

<span style="margin-left:100px;width:18px;overflow:hidden;">

<select style="width:180px;margin-left:-100px" οnchange="this.parentNode.nextSibling.value=this.value" name="hh">

<p>http://www.qlyl1688.com</p>

<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"/>

</div>

</form>';

$aa=$_GET['hh']."111"; // select 下拉菜单的值

$bb=$_GET['box']."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;">

换行后，下拉菜单的值无法显示输入框中。

匹配的菜单值也可以根据输入内容自动选择。以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助，如果大家有任何疑问请在脚本之家留言，如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

云南仟龙Mark

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
如何制作一个页面下拉菜单—html

今天分享下”如何制作一个页面下拉菜单—html“这篇文章，文中根据实例编码详细介绍，或许对大家的编程之路有着一定的参考空间与使用价值，需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head><body><?phpecho '<
复制链接

扫一扫