手机
当前位置:查字典教程网 >网页设计 >XHTML >html 可输入下拉菜单的实现方法
html 可输入下拉菜单的实现方法
摘要:要获得可输入下拉菜单的值,只要获得输入框的值即可。注意:这行要在一行中,不能写成换行了之后则下拉菜单的值不能显示在输入框中。还可以根据输入的...

<html>

<head>

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

</head>

<body>

<?php

echo '

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

<div>

<span>

<select onchange="this.parentNode.nextSibling.value=this.value" name="hh">

<option value="汽车">汽车 </option>

<option value="火车"> 火车 </option>

<option value="飞机"> 飞机 </option>

</select>

</span><input name="box">

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

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

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

【html 可输入下拉菜单的实现方法】相关文章:

JS, CSS样式引用写法

html 可输入下拉菜单的实现方法

html 中 #include file 的用法示例介绍

表格边框/单元格之间分隔线的隐藏实现方法

创建新元素的三种方法小结

HTML表格边框的控制实现代码

HTML 结构化实现方法

textarea标签大小不可变不能通过鼠标拖动的方式来拖动

html表单的几种提交方式总结

如何实现textarea中获取动态剩余字数的方法

精品推荐
分类导航