在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ input框內加搜索按鈕或者圖標

input框內加搜索按鈕或者圖標

前提：pc端，要在input框內加一個搜索按鈕。有沒有簡單的方法？
類似于這樣：
圖片描述

最好是用bootstrap寫的，不想用easy-ui。

回答
編輯回答
笑浮塵

瀉藥

原生了解下？給input的父級label直接一個偽類
然后定位過去，給input右邊兒再寫個padding，給這個偽類的位置空出來
當然0 -0如果需要點擊，你也可以弄個標簽定位過去
順便一提，UI框架在你基礎不是很牢固的時候，還是少用比較好

2017年3月8日 23:32
編輯回答
風畔

思路就是加一個i標簽放圖標 定位到input右邊

<li class="formSearch-group date-group">                      
    <input type="text" class="form-control dateinput"  id="inpend" readonly style="background:#fff" name="udn">
    <i  class="fa fa-calendar" aria-hidden="true"></i>
</li>
.date-group{
    position: relative;
}
.date-group>i{
    position: absolute;
    right:10px;
    top:10px;
}

clipboard.png

2017年2月28日 03:59
編輯回答
扯不斷

方法一：
div包著input、圖標
div相對定位，給1px邊框
input去掉邊框，絕對定位，left：0
圖標絕對定位，right：0

方法二：
用第三方UI框架

2018年3月4日 15:14