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


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

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

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

</div>

</form>';

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

$bb=$_GET['box']."222"; // 输入框的值

echo $aa;

echo "</br>";

echo $bb;

// 要获得可输入下拉菜单的值,只要获得输入框的值即可。

?>

</body>

</html>

要获得可输入下拉菜单的值,只要获得输入框的值即可。

1

注意: </span><input name="box" style="width:160px;position:absolute;left:0px;">

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

1

2

</span>

<input name="box" style="width:160px;position:absolute;left:0px;">

换行了之后则下拉菜单的值不能显示在 输入框中。
还可以根据输入的内容自动选择匹配的菜单值。

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

相关阅读:

css3的新单位vw、vh、vmin、vmax应该如何使用

怎样用H5的WebGL实现3D虚拟机房的漫游动画

以上就是html怎么实现可输入的下拉菜单的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html注释有何作用

Html中什么是标签

Html怎么设置倾斜

详谈Html中script标签(附代码)

支持onload事件的Html标签有哪些

Html实现高亮关键字

Html读取不了css样式怎么办

Html怎么通过id获得背景色

Html如何设置文字不换行

Html怎么实现下拉菜单

更多相关阅读请进入《Html》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...