非常简单的自适应搜索表单实现

原创 乐之屋  2018-02-05 19:57:44  阅读 131 次 评论 0 条

非常简单的自适应搜索表单实现

今天,在各种浏览网页时突然发现了一个好的解决办法,终于解开了我多年的困扰,就立马当成笔记写在了我的博客里。方法如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>非常简单的自适应搜索表单</title>
<style>
*{margin:0;padding:0;outline:0;}
.search_box{border:1px solid #ccc;margin:50px 10px;}
.search_fl{overflow:hidden;}
.search_txt{width:100%;border:0;height:26px;padding:2px 0 2px 5px;}
.btn{background:#ccc;border:0;width:50px;height:30px;float:right;}
</style>
</head>
<body>
<div class="search_box">
    <form>  
        <input type="submit" value="搜索" class="btn">
        <div class="search_fl">
            <input type="text" name="" class="search_txt">
        </div>
    </form>
</div>
</body>
</html>
</html>


本文地址:http://5devip.com/?id=27
版权声明:本文为原创文章,版权归 乐之屋 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?