Bootstrap input元素組使用方法

2021-07-26 04:24:14 字數 936 閱讀 1486

input元素組基本樣式

最基本的input元素組樣式就是在input元素的左右加入圖示或者單位,從而達到一些對應的功能效果。

讓我們看看應該如何實現這個效果:.00

以上**的效果是,在input元素前放入乙個元素,從而說明該input是作為人民幣的輸入框,後面的.00用來說明該金額應該是準確到小數點後兩位。

怎麼樣,通過這種形式對input元素的解釋說明是不是非常直觀簡單?

input元素組尺寸

和bootstrap按鈕元素以及bootstrap按鈕組樣式一樣,input元素組照樣有對應的尺寸選擇,你可以通過在最外層的div中呼叫input-group-lg或者input-group-sm來獲得大尺寸以及小尺寸的input元素,例如:

以上**顯示出來的就是input組的大尺寸樣式。

input元素組與多選框單選框結合

當你想要在input元素前加入乙個單選框或者多選框的時候,也能夠非常容易地實現:

上述**就是在input元素前面加入乙個checkbox元素,radio元素的寫法也與其類似。

input元素組與按鈕相結合

input元素與按鈕相結合最經典的例子就是搜尋框了,如果你想要將搜尋框和搜尋按鈕融合在一起,就可以採用這個方式實現:搜尋

當然,其中按鈕的樣式你可以參考按鈕元素樣式進行設定對應的顏色。

元資料 and 元資料標準

一般銀行內的系統建設環境分為三個 開發環境 測試環境與生產環境,每乙個系統建設的週期都需要經過前兩個環境才能正式進入生產環境。然而在系統的設計 開發 測試 上線過程中,無論是需求變更還是bug修改都避免不了資料模型也就是元資料的改動。大到庫表結構重新設計,小到乙個字段型別的變更,都可能對程式造成影響...

最小元和極小元

首先來區分一下全序關係和偏序關係 全序關係 設集合x上有一全序關係,如果我們把這種關係用 表述,則下列陳述對於 x 中的所有 a,b 和 c 成立 如果 a b 且 b a 則 a b 反對稱性 如果 a b 且 b c 則 a c 傳遞性 a b 或 b a 完全性 完全性包括自反性 偏序關係 設...

mysql 元 MySQL 元資料

你可能想知道mysql以下三種資訊 查詢結果資訊 select,update 或 delete語句影響的記錄數。資料庫和資料表的資訊 包含了資料庫及資料表的結構資訊。mysql伺服器資訊 包含了資料庫伺服器的當前狀態,版本號等。在mysql的命令提示符中,我們可以很容易的獲取以上伺服器資訊。但如果使...