欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Bootstrap3 input輸入框插入glyphicon圖標(biāo)的方法

 更新時(shí)間：2016年05月16日 11:54:33   投稿：mrr  
這篇文章主要介紹了Bootstrap3 input輸入框插入glyphicon圖標(biāo)的方法的相關(guān)資料,需要的朋友可以參考下

bootstrap3如何在input輸入框插入glyphicon圖標(biāo)呢？插入圖標(biāo)看起來(lái)比較醒目，滿(mǎn)足用戶(hù)體驗(yàn)價(jià)值觀，此功能應(yīng)用于各大網(wǎng)站。

怎么把圖標(biāo)放在輸入框的開(kāi)頭？？

<div class="form-group has-feedback">
<label class="col-md-2 control-label" for="username">用戶(hù)名</label>
<div class="col-md-6">
<span class="glyphicon glyphicon-user form-control-feedback"></span>
<input type="text" class="form-control" id="username" name="username" placeholder="用戶(hù)名" autofocus>
</div>
</div>
<div class="form-group has-feedback">
<label class="col-md-2 control-label" for="password">密　碼</label>
<div class="col-md-6">
<i></i>
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
<input type="password" class="form-control" id="password" name="password" placeholder="密碼">
</div>
</div>

------解決思路----------------------

改樣式就好了啊，它是用絕對(duì)定位做的，left多少，再改下輸入框的padding-left就可以了

------解決思路----------------------

樣式修改下唄

form-control-feedback{
right:0 //改稱(chēng) left:0
}

以上內(nèi)容是小編給大家介紹的Bootstrap3 input輸入框插入glyphicon圖標(biāo)的方法，希望對(duì)大家有所幫助，如果大家想了解更多內(nèi)容敬請(qǐng)關(guān)注腳本之家網(wǎng)站！

相關(guān)文章

  • js模擬點(diǎn)擊以提交表單為例兼容主流瀏覽器

    js模擬點(diǎn)擊以提交表單為例兼容主流瀏覽器

    我們會(huì)常常用到JS的模事件，比如說(shuō)點(diǎn)擊事件，舉個(gè)簡(jiǎn)單的例子，點(diǎn)擊表單外的“提交”按鈕來(lái)提交表單，下面為大家介紹下具體的實(shí)現(xiàn)
    2013-11-11
  • JS設(shè)計(jì)模式之訪問(wèn)者模式的用法詳解

    JS設(shè)計(jì)模式之訪問(wèn)者模式的用法詳解

    JS訪問(wèn)者模式是一種行為型設(shè)計(jì)模式,用于將算法與對(duì)象結(jié)構(gòu)分離, 該模式允許你定義新的操作（訪問(wèn)者）而無(wú)需修改現(xiàn)有對(duì)象結(jié)構(gòu)（被訪問(wèn)者）, 通過(guò)這種方式,你可以在不改變對(duì)象結(jié)構(gòu)的情況下添加新的操作,本文就給大家詳細(xì)的講講JS訪問(wèn)者模式的用法
    2023-08-08
  • JavaScript中函數(shù)柯里化示例詳解

    JavaScript中函數(shù)柯里化示例詳解

    JavaScript 函數(shù)柯里化是將一個(gè)多參數(shù)的函數(shù)轉(zhuǎn)換為一系列單參數(shù)的函數(shù),每個(gè)單參數(shù)函數(shù)都可以接收一個(gè)參數(shù),并返回一個(gè)新的函數(shù),本文將通過(guò)代碼示例給大家講講JavaScript函數(shù)柯里化的優(yōu)缺點(diǎn),需要的朋友可以參考下
    2023-09-09
  • 使用bootstraptable插件實(shí)現(xiàn)表格記錄的查詢(xún)、分頁(yè)、排序操作

    使用bootstraptable插件實(shí)現(xiàn)表格記錄的查詢(xún)、分頁(yè)、排序操作

    這篇文章主要介紹了 使用bootstraptable插件實(shí)現(xiàn)表格記錄的查詢(xún)、分頁(yè)、排序操作,需要的朋友可以參考下
    2017-08-08
  • JS實(shí)現(xiàn)向表格行添加新單元格的方法

    JS實(shí)現(xiàn)向表格行添加新單元格的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)向表格行添加新單元格的方法,涉及javascript針對(duì)表格進(jìn)行動(dòng)態(tài)操作的技巧,需要的朋友可以參考下
    2015-03-03
  • javascript addBookmark 加入收藏 多瀏覽器兼容

    javascript addBookmark 加入收藏 多瀏覽器兼容

    不錯(cuò)的加入收藏代碼，加入了對(duì)一些常見(jiàn)瀏覽器的判斷，更好的體現(xiàn)用戶(hù)體驗(yàn)，兼容了ie,firefox.
    2009-08-08
  • JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果示例

    JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果示例

    這篇文章主要介紹了JS與CSS3實(shí)現(xiàn)圖片響應(yīng)鼠標(biāo)移動(dòng)放大效果,結(jié)合實(shí)例形式分析了javascript與css3響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁(yè)面元素屬性實(shí)現(xiàn)圖片放大效果相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • IE瀏覽器PNG圖片透明效果代碼

    IE瀏覽器PNG圖片透明效果代碼

    平常，我們經(jīng)常使用Gif格式的圖片以保持圖片在瀏覽器中透明，以支持底色。但由于IE瀏覽器本身的原因，我們無(wú)法使透明的PNG圖片透明起來(lái)。那么，如何將它在IE瀏覽器下變得透明呢？
    2008-09-09
  • 如何在一個(gè)頁(yè)面顯示多個(gè)百度地圖

    如何在一個(gè)頁(yè)面顯示多個(gè)百度地圖

    經(jīng)常有人問(wèn)，百度地圖JavaScript API能在同一頁(yè)面顯示多個(gè)地圖嗎？當(dāng)然可以啊，為什么不可以呢？地圖之于頁(yè)面無(wú)非就是個(gè)div，我們可以在頁(yè)面顯示多個(gè)div，自然也可以顯示多個(gè)地圖。
    2013-04-04
  • js判斷是否按下了Shift鍵的方法

    js判斷是否按下了Shift鍵的方法

    這篇文章主要介紹了js判斷是否按下了Shift鍵的方法,主要通過(guò)event.shiftKey方法來(lái)判斷,需要的朋友可以參考下
    2015-01-01

最新評(píng)論