网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 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 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>
    要获得可输入下拉菜单的值,只要获得输入框的值即可。
    注意: </span><input name=box style=width:160px;position:absolute;left:0px;>
    这行要在一行中,不能写成
    </span>
    <input name=box style=width:160px;position:absolute;left:0px;>
    换行了之后则下拉菜单的值不能显示在 输入框中。
    还可以根据输入的内容自动选择匹配的菜单值。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/14 6:06:35