首页 > 其他 > 详细

input覆盖select实现select可写可选择

时间:2015-01-27 18:09:52      阅读:352      评论:0      收藏:0      [点我收藏+]

1.有时需要一个select选择框,但是对select选择框希望是既可以选择也可以进行输入。下边的代码就是在select选择框上放了一个input框,覆盖在select上面。实现伪装的select效果。

 <div style="position:relative;" class="col-xs-6">
                        <span style="margin-left:100px;width:18px;overflow:hidden;">
                            <select style="width:240px;margin-left:-115px;">
                                <option value="-1">请选择...</option>
                                <option value="1">南京第一站</option>
                                <option value="1">南京第而站</option>
                                <option value="1">南京第撒站</option>
                            </select>
                        </span>
                        <input type="text" style="width:220px;position:absolute;left:0px;" placeholder="请选择:">
                    </div>

 

2.

input覆盖select实现select可写可选择

原文:http://www.cnblogs.com/pengpenglin/p/4253440.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!