码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-01-27 18:11:33      阅读:185      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!