bootstrap-floating-label
input
input text
input text placeholder
input text value
input email
input email placeholder
input email value
input number
input number placeholder
input number value
input date
input date placeholder
input date value
input disabled
input disabled placeholder
input disabled value
fieldset disabled input
fieldset disabled input placeholder
fieldset disabled input value
input readonly
input readonly placeholder
input readonly value
input plaintext
input plaintext placeholder
input plaintext value
input plaintext disabled
input plaintext disabled placeholder
input plaintext disabled value
input no placeholder no value
input disabled no placeholder no value
fieldset disabled input no placeholder no value
input readonly no placeholder no value
textarea
textarea
textarea placeholder
Lorem ipsum dolor sit amet
textarea value
textarea disabled
textarea disabled placeholder
Lorem ipsum dolor sit amet
textarea disabled value
fieldset disabled textarea
fieldset disabled textarea placeholder
Lorem ipsum dolor sit amet
fieldset disabled textarea value
textarea readonly
textarea readonly placeholder
Lorem ipsum dolor sit amet
textarea readonly
select
1
2
3
4
5
select
select no option
1
2
3
4
5
select disabled
1
2
3
4
5
fieldset disabled select
1
2
3
4
5
select multiple
1
2
3
4
5
form-select
1
2
3
4
5
form-select disabled
1
2
3
4
5
fieldset disabled form-select
Sizing
input form-control-lg
input form-control-sm
1
2
3
4
5
form-select-lg
1
2
3
4
5
form-select-sm
Label sizing
label-lg
label-md
label-sm
1
2
3
4
5
label-lg
1
2
3
4
5
label-md
1
2
3
4
5
label-sm
input-group
prepend
input-group prepend
input-group append
append
prepend
input-group prepend append
append
input-group start
middle
input-group end
prepend1
prepend2
input-group prepend * 2 append * 2
input-group prepend * 2 append * 2
append1
append2
RTL
input RTL
1
2
3
4
5
select RTL
datalist
input datalist
Label before input
input text + placeholder
input text + placeholder + floating-label