Question

如何用HTML写搜索框当的代码

如何用HTML写搜索框当的代码像这个

Answer 1

绝对定位相对定位，很简单的吧。a 的具体位置自己调整right与top的值就行了。

<div class="box">
    <input type="text"/>
    <a href="#">荣耀v10</a>
</div>

.box{position: relative; width:200px;height:50px;}
input{width:100%;height:100%;border:none;line-height:50px;}
a{display:block;position:absolute;top:20px;right:100px;z-index:99}