av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片

創(chuàng)新互聯Bootstrap4教程:Bootstrap4自定義表單

Bootstrap4 自定義表單

Bootstrap4 可以自定義一些表單的樣式來替換瀏覽器默認的樣式。

成都創(chuàng)新互聯公司服務項目包括鞏留網站建設、鞏留網站制作、鞏留網頁制作以及鞏留網絡營銷策劃等。多年來,我們專注于互聯網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯網行業(yè)的解決方案,鞏留網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到鞏留省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!

自定義復選框

如果要自定義一個復選框,可以設置

為父元素,類為 .custom-control 和 .custom-checkbox,復選框作為子元素放在該
里頭,然后復選框設置為 type="checkbox",類為 .custom-control-input。

復選框的文本使用 label 標簽,標簽使用 .custom-control-label 類,labelfor 屬性值需要匹配復選框的 id。

Bootstrap4 實例

<
form
>

<
div

class
=
"
custom-control custom-checkbox
"
>

<
input

type
=
"
checkbox
"

class
=
"
custom-control-input
"

id
=
"
customCheck
"

name
=
"
example1
"
>

<
label

class
=
"
custom-control-label
"

for
=
"
customCheck
"
>
自定義復選框
label
>

div
>

form
>

嘗試一下 ?

自定義單選框

如果要自定義一個單選框,可以設置

為父元素,類為 .custom-control 和 .custom-radio,單選框作為子元素放在該
里頭,然后單選框設置為 type="radio",類為 .custom-control-input。

單選框的文本使用 label 標簽,標簽使用 .custom-control-label 類,labelfor 屬性值需要匹配單選框的 id。

Bootstrap4 實例

<
form
>

<
div

class
=
"
custom-control custom-radio
"
>

<
input

type
=
"
radio
"

class
=
"
custom-control-input
"

id
=
"
customRadio
"

name
=
"
example1
"

value
=
"
customEx
"
>

<
label

class
=
"
custom-control-label
"

for
=
"
customRadio
"
>
自定義單選框
label
>

div
>

form
>

嘗試一下 ?

自定義控件顯示在同一行

我們可以在外部元素上使用 .custom-control-inline 類來包裹自定義表單控件,這樣自定義表單控件就能顯示在同一行:

Bootstrap4 實例

<
form
>

<
div

class
=
"
custom-control custom-radio custom-control-inline
"
>

<
input

type
=
"
radio
"

class
=
"
custom-control-input
"

id
=
"
customRadio
"

name
=
"
example
"

value
=
"
customEx
"
>

<
label

class
=
"
custom-control-label
"

for
=
"
customRadio
"
>
自定義單選框 1
label
>

div
>

<
div

class
=
"
custom-control custom-radio custom-control-inline
"
>

<
input

type
=
"
radio
"

class
=
"
custom-control-input
"

id
=
"
customRadio2
"

name
=
"
example
"

value
=
"
customEx
"
>

<
label

class
=
"
custom-control-label
"

for
=
"
customRadio2
"
>
自定義單選框 2
label
>

div
>

form
>

嘗試一下 ?

自定義選擇菜單

創(chuàng)建自定義選擇菜單可以在