<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
title
>GFG</
title
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"container content has-text-centered"
>
<
h1
class
=
"title has-text-success"
>GeeksforGeeks</
h1
>
<
h1
class
=
"subtitle"
>Bulma form addons</
h1
>
<
div
class
=
"field has-addons"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Button with Input addon
</
label
>
<
div
class
=
"control"
>
<
input
class
=
"input"
type
=
"text"
placeholder
=
"Search here"
>
</
div
>
<
div
class
=
"control"
>
<
a
class
=
"button is-primary"
>
Find
</
a
>
</
div
>
</
div
>
<
div
class
=
"field has-addons"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Dropdown, Button, Input addon
</
label
>
<
div
class
=
"control"
>
<
span
class
=
"select"
>
<
select
>
<
option
>java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
span
>
</
div
>
<
div
class
=
"control"
>
<
input
class
=
"input"
type
=
"text"
placeholder
=
"Enter your choice"
>
</
div
>
<
div
class
=
"control"
>
<
a
class
=
"button is-info"
>
Add
</
a
>
</
div
>
</
div
>
<
div
class
=
"field has-addons"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Static Button with Input addon
</
label
>
<
p
class
=
"control"
>
<
input
class
=
"input"
type
=
"text"
placeholder
=
"Enter your college"
>
</
p
>
<
p
class
=
"control"
>
<
a
class
=
"button is-static"
>
CS Only
</
a
>
</
p
>
</
div
>
<
div
class
=
"field has-addons"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Full width Input addon
</
label
>
<
div
class
=
"control"
>
<
span
class
=
"select"
>
<
select
>
<
option
>java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
span
>
</
div
>
<
div
class
=
"control is-expanded"
>
<
input
class
=
"input "
type
=
"text"
placeholder
=
"Enter your choice"
>
</
div
>
<
div
class
=
"control"
>
<
a
class
=
"button is-info"
>
Add
</
a
>
</
div
>
</
div
>
<
div
class
=
"field has-addons"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Full width dropdown addon
</
label
>
<
div
class
=
"control is-expanded"
>
<
div
class
=
"select is-fullwidth"
>
<
select
>
<
option
>java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
div
>
</
div
>
<
div
class
=
"control"
>
<
a
class
=
"button is-info"
>
Add
</
a
>
</
div
>
</
div
>
<
div
class
=
"field has-addons has-addons-centered"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Centered align addons
</
label
>
<
div
class
=
"control"
>
<
span
class
=
"select"
>
<
select
>
<
option
>java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
span
>
</
div
>
<
div
class
=
"control"
>
<
input
class
=
"input"
type
=
"text"
placeholder
=
"Enter your choice"
>
</
div
>
<
div
class
=
"control"
>
<
a
class
=
"button is-info"
>
Add
</
a
>
</
div
>
</
div
>
<
div
class
=
"field has-addons"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Default align addons
</
label
>
<
div
class
=
"control"
>
<
span
class
=
"select"
>
<
select
>
<
option
>java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
span
>
</
div
>
<
div
class
=
"control"
>
<
input
class
=
"input"
type
=
"text"
placeholder
=
"Enter your choice"
>
</
div
>
<
div
class
=
"control"
>
<
a
class
=
"button is-warning"
>
Add
</
a
>
</
div
>
</
div
>
<
div
class
=
"field has-addons has-addons-right"
>
<
label
for
=
"addons"
class
=
"subtitle p-2"
>
Right align addons
</
label
>
<
div
class
=
"control"
>
<
span
class
=
"select"
>
<
select
>
<
option
>java</
option
>
<
option
>C++</
option
>
<
option
>Python</
option
>
</
select
>
</
span
>
</
div
>
<
div
class
=
"control"
>
<
input
class
=
"input"
type
=
"text"
placeholder
=
"Enter your choice"
>
</
div
>
<
div
class
=
"control"
>
<
a
class
=
"button is-danger"
>
Add
</
a
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>