Salta al contenuto principale
Vai al contenuto del piè di pagina
Bootstrap italia
Slim top
Bootstrap italia
GitLab
Github
Selettore lingua: current language
it
English
Italian
(Lingua attuale)
Login to your personal area
Bootstrap Italia
Tema: v2.x-dev / Liberia: v2.12.1 / Drupal 11
Follow us on
Slack
Telegram
Cerca
Cerca
Cerca
Nasconde la navigazione
Home
Design system
UI Patterns
Componenti
Form
Documentazione
Introduzione
Input
Input numerico
Esempi Webform
Contatti
Elementi con stato
Flexbox
Maschera
Wizard passo passo
Stepper
Tutti gli elementi
Current Page
Drupal
Login form
Recupero credenziali
Cerca contenuti
Per i builder
Funzionaltà low code
Per i dev
Componenti
GitLab
Github
Briciole di pane
Home
/
Form
Esempio con tutti gli elementi
Corrente
1 - Start
2 - Preview
3 - Complete
1/3
1 of 3
(
0%
)
Indicates required field
Below is a style guide containing examples of all elements and layouts.
Basic elements
Text field
Textarea
Select
- Nessuno -
One
Two
Three
Select (Select2)
- Nessuno -
One
Two
Three
Select multiple
One
Two
Three
Select multiple (Select2)
One
Two
Three
Checkboxes
One
Two
Three
Checkboxes with help text
One
?
Two
?
Three
?
Checkboxes with descriptions
One
This is a description.
Two
This is a description.
Three
This is a description.
Radios
One
Two
Three
Radios (Buttons)
One
Two
Three
Date elements
Date
Date/time
Date/time: Data
Date/time: Data e ora
Date list
Date list: Anno
Anno
1900
1901
1902
1903
1904
1905
1906
1907
1908
1909
1910
1911
1912
1913
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
1983
1984
1985
1986
1987
1988
1989
1990
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
Date list: Mese
Mese
Gen
Feb
Mar
Apr
Mag
Giu
Lug
Ago
Set
Ott
Nov
Dic
Date list: Giorno
Giorno
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Date list: Ora
Ora
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
Date list: Minuto
Minuto
00
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
Time
Advanced elements
Email
Email multiple
Multiple email addresses may be separated by commas. Emails are only sent to cc and bcc addresses if a To email address is provided.
Email
Email
Confirm email
Telephone
Telephone (International)
URL
Search
Number
Aumentare il valore
Diminuire il valore
Range
Color
Text format
Riguardo ai formati testo
HTML ristretto
Elementi HTML permessi: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
Linee e paragrafi vanno a capo automaticamente.
Indirizzi web ed indirizzi e-mail diventano automaticamente dei link.
File upload
Carica
Un solo file.
Limite 100 MB.
Tipi consentiti: gif jpg jpeg png bmp eps tif pict psd txt rtf html odf pdf doc docx ppt pptx xls xlsx xml avi mov mp3 mp4 ogg wav bz2 dmg gz jar rar sit svg tar zip.
File upload multiple
Carica
Un numero di file illimitato può essere caricato in questo campo.
Limite 100 MB.
Tipi consentiti: gif jpg jpeg png bmp eps tif pict psd txt rtf html odf pdf doc docx ppt pptx xls xlsx xml avi mov mp3 mp4 ogg wav bz2 dmg gz jar rar sit svg tar zip.
File upload button
Choose file
Carica
Un solo file.
Limite 100 MB.
Tipi consentiti: gif jpg jpeg png bmp eps tif pict psd txt rtf html odf pdf doc docx ppt pptx xls xlsx xml avi mov mp3 mp4 ogg wav bz2 dmg gz jar rar sit svg tar zip.
Table select
One
One
Two
Two
Three
Three
Tableselect sort
Peso
One
One
Peso per One
-2
-1
0
1
2
Two
Two
Peso per Two
-2
-1
0
1
2
Table sort
Peso
One
Peso per One
-3
-2
-1
0
1
2
3
Two
Peso per Two
-3
-2
-1
0
1
2
3
Three
Peso per Three
-3
-2
-1
0
1
2
3
Autocomplete
Nazioni
CodeMirror
a = 1 b = 2 c = a + b print c
Rating
Scale
1
2
3
4
5
6
7
8
9
10
1 = disagree
10 = agree
Signature
Sign above
I agree to the
terms of service
.
These are the terms of service.
Likert
Questions
1
2
3
4
5
Please answer question 1?
1
2
3
4
5
How about now answering question 2?
1
2
3
4
5
Finally, here is question 3?
1
2
3
4
5
Entity reference elements
Entity autocomplete
Entity autocomplete tags
Entity autocomplete multiple
Entity autocomplete multiple
Entity autocomplete multiple
Item weight
Aumentare il valore
Diminuire il valore
Aggiungi more items
Aumentare il valore
Diminuire il valore
more items
Entity checkboxes
Administrator
Anonymous
Entity radios
Administrator
Anonymous
Entity select
- Nessuno -
pietroarturo.panetta
Entity select multiple
pietroarturo.panetta
Term checkboxes
Term select
- Nessuno -
Term select multiple
Webform composites
Addresses
First address
Address
Address 2
City/Town
Stato/Provincia
- Nessuno -
Alabama
Alaska
American Samoa
Arizona
Arkansas
Armed Forces (Canada, Europe, Africa, or Middle East)
Armed Forces Americas
Armed Forces Pacific
California
Colorado
Connecticut
Delaware
District of Columbia
Federated States of Micronesia
Florida
Georgia
Guam
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Marshall Islands
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Northern Mariana Islands
Ohio
Oklahoma
Oregon
Palau
Pennsylvania
Puerto Rico
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virgin Islands
Virginia
Washington
West Virginia
Wisconsin
Wyoming
Alberta
British Columbia
Manitoba
New Brunswick
Newfoundland and Labrador
Nova Scotia
Northwest Territories
Nunavut
Ontario
Prince Edward Island
Quebec
Saskatchewan
Yukon
ZIP/Postal Code
Paese
- Nessuno -
Afghanistan
Albania
Algeria
Andorra
Angola
Anguilla
Antartica
Antigua & Barbuda
Antille olandesi
Arabia saudita
Argentina
Armenia
Aruba
Ascension Island
Australia
Austria
Azerbaijan
Bahamas
Bahrain
Bangladesh
Barbados
Belarus
Belgio
Belize
Benin
Bermuda
Bhutan
Birmania
Bolivia
Bosnia & Herzegovina
Botswana
Brasile
Brunei
Bulgaria
Burkina Faso
Burundi
Cambogia
Cameroon
Canada
Cape Verde
Caraibi Olandesi
Ceuta & Melilla
Chad
Cile
Cina
Cipro
Città del Vaticano
Clipperton Island
Colombia
Comoros
Congo - Brazzaville
Congo - Kinshasa
Costa d'Avorio
Costa Rica
Croazia
Cuba
Curaçao
Czechia
Danimarca
Diego Garcia
Dominica
Ecuador
Egitto
El Salvador
Emirati Arabi Uniti
Eritrea
Estonia
Eswatini
Etiopia
Fiji
Filippine
Finlandia
Francia
Gabon
Gambia
Georgia
Germania
Ghana
Giappone
Gibilterra
Gibuti
Giordania
Grecia
Greenland
Grenada
Guadeloupe
Guam
Guatemala
Guernsey
Guiana francese
Guinea
Guinea-Bissau
Guinea Equatoriale
Guyana
Haiti
Heard & McDonald Islands
Honduras
Hong Kong SAR China
India
Indonesia
Iran
Iraq
Irlanda
Islanda
Isola di Man
Isola di Natale
Isola Norfolk
Isole Bouvet
Isole Canarie
Isole Cayman
Isole Cocos (Keeling)
Isole Cook
Isole Falkland
Isole Faroe
Isole Marianne Settentrionali
Isole Marshall
Isole Pitcairn
Isole Remote U.S.A.
Isole Salomone
Isole Vergini britanniche
Isole Vergini degli Stati Uniti d'America
Israele
Italia
Jamaica
Jersey
Kazakhstan
Kenya
Kiribati
Korea del Sud
Kosovo
Kuwait
Kyrgyzstan
Laos
Lesotho
Lettonia
Libano
Liberia
Libia
Liechtenstein
Lituania
Lussemburgo
Macao SAR China
Madagascar
Malawi
Maldive
Malesia
Mali
Malta
Marocco
Martinica
Mauritania
Mauritius
Mayotte
Messico
Micronesia
Moldavia
Monaco
Mongolia
Montenegro
Montserrat
Mozambico
Namibia
Nauru
Nepal
Nicaragua
Niger
Nigeria
Niue
Nord Corea
North Macedonia
Norvegia
Nuova Caledonia
Nuova Zelanda
Oceania Remota
Olanda
Oman
Pakistan
Palau
Panama
Papua Nuova Guinea
Paraguay
Perù
Polinesia francese
Polonia
Portogallo
Porto Rico
Qatar
Regno Unito
Repubblica Centrafricana
Repubblica Dominicana
Romania
Ruanda
Russia
Réunion
Sahara ovest
Samoa
Samoa americane
San Marino
Sant'Elena
Santa Lucia
Sark
Senegal
Serbia
Seychelles
Sierra Leone
Singapore
Sint Maarteen
Siria
Slovacchia
Slovenia
Somalia
South Georgia & South Sandwich Islands
Spagna
Sri Lanka
St. Barthélemy
St. Kitts & Nevis
St. Martin
St. Pierre & Miquelon
St. Vincent & Grenadines
Stati Uniti
Sud Africa
Sudan
Sud Sudan
Suriname
Svalbard & Jan Mayen
Svezia
Svizzera
São Tomé & Príncipe
Tagikistan
Tailandia
Taiwan
Tanzania
Territori francesi del sud
Territorio bitannico dell'oceano Indiano
Territori Palestinesi
Timor-Est
Togo
Tokelau
Tonga
Trinidad & Tobago
Tristan da Cunha
Tunisia
Turkmenistan
Turks & Caicos Islands
Tuvalu
Türkiye
Ucraina
Uganda
Ungheria
Uruguay
Uzbekistan
Vanuatu
Venezuela
Vietnam
Wallis & Futuna
Yemen
Zambia
Zimbabwe
Åland Islands
Second address same as the first address
Second address
Address
Address 2
City/Town
Stato/Provincia
- Nessuno -
Alabama
Alaska
American Samoa
Arizona
Arkansas
Armed Forces (Canada, Europe, Africa, or Middle East)
Armed Forces Americas
Armed Forces Pacific
California
Colorado
Connecticut
Delaware
District of Columbia
Federated States of Micronesia
Florida
Georgia
Guam
Hawaii
Idaho
Illinois
Indiana
Iowa
Kansas
Kentucky
Louisiana
Maine
Marshall Islands
Maryland
Massachusetts
Michigan
Minnesota
Mississippi
Missouri
Montana
Nebraska
Nevada
New Hampshire
New Jersey
New Mexico
New York
North Carolina
North Dakota
Northern Mariana Islands
Ohio
Oklahoma
Oregon
Palau
Pennsylvania
Puerto Rico
Rhode Island
South Carolina
South Dakota
Tennessee
Texas
Utah
Vermont
Virgin Islands
Virginia
Washington
West Virginia
Wisconsin
Wyoming
Alberta
British Columbia
Manitoba
New Brunswick
Newfoundland and Labrador
Nova Scotia
Northwest Territories
Nunavut
Ontario
Prince Edward Island
Quebec
Saskatchewan
Yukon
ZIP/Postal Code
Paese
- Nessuno -
Afghanistan
Albania
Algeria
Andorra
Angola
Anguilla
Antartica
Antigua & Barbuda
Antille olandesi
Arabia saudita
Argentina
Armenia
Aruba
Ascension Island
Australia
Austria
Azerbaijan
Bahamas
Bahrain
Bangladesh
Barbados
Belarus
Belgio
Belize
Benin
Bermuda
Bhutan
Birmania
Bolivia
Bosnia & Herzegovina
Botswana
Brasile
Brunei
Bulgaria
Burkina Faso
Burundi
Cambogia
Cameroon
Canada
Cape Verde
Caraibi Olandesi
Ceuta & Melilla
Chad
Cile
Cina
Cipro
Città del Vaticano
Clipperton Island
Colombia
Comoros
Congo - Brazzaville
Congo - Kinshasa
Costa d'Avorio
Costa Rica
Croazia
Cuba
Curaçao
Czechia
Danimarca
Diego Garcia
Dominica
Ecuador
Egitto
El Salvador
Emirati Arabi Uniti
Eritrea
Estonia
Eswatini
Etiopia
Fiji
Filippine
Finlandia
Francia
Gabon
Gambia
Georgia
Germania
Ghana
Giappone
Gibilterra
Gibuti
Giordania
Grecia
Greenland
Grenada
Guadeloupe
Guam
Guatemala
Guernsey
Guiana francese
Guinea
Guinea-Bissau
Guinea Equatoriale
Guyana
Haiti
Heard & McDonald Islands
Honduras
Hong Kong SAR China
India
Indonesia
Iran
Iraq
Irlanda
Islanda
Isola di Man
Isola di Natale
Isola Norfolk
Isole Bouvet
Isole Canarie
Isole Cayman
Isole Cocos (Keeling)
Isole Cook
Isole Falkland
Isole Faroe
Isole Marianne Settentrionali
Isole Marshall
Isole Pitcairn
Isole Remote U.S.A.
Isole Salomone
Isole Vergini britanniche
Isole Vergini degli Stati Uniti d'America
Israele
Italia
Jamaica
Jersey
Kazakhstan
Kenya
Kiribati
Korea del Sud
Kosovo
Kuwait
Kyrgyzstan
Laos
Lesotho
Lettonia
Libano
Liberia
Libia
Liechtenstein
Lituania
Lussemburgo
Macao SAR China
Madagascar
Malawi
Maldive
Malesia
Mali
Malta
Marocco
Martinica
Mauritania
Mauritius
Mayotte
Messico
Micronesia
Moldavia
Monaco
Mongolia
Montenegro
Montserrat
Mozambico
Namibia
Nauru
Nepal
Nicaragua
Niger
Nigeria
Niue
Nord Corea
North Macedonia
Norvegia
Nuova Caledonia
Nuova Zelanda
Oceania Remota
Olanda
Oman
Pakistan
Palau
Panama
Papua Nuova Guinea
Paraguay
Perù
Polinesia francese
Polonia
Portogallo
Porto Rico
Qatar
Regno Unito
Repubblica Centrafricana
Repubblica Dominicana
Romania
Ruanda
Russia
Réunion
Sahara ovest
Samoa
Samoa americane
San Marino
Sant'Elena
Santa Lucia
Sark
Senegal
Serbia
Seychelles
Sierra Leone
Singapore
Sint Maarteen
Siria
Slovacchia
Slovenia
Somalia
South Georgia & South Sandwich Islands
Spagna
Sri Lanka
St. Barthélemy
St. Kitts & Nevis
St. Martin
St. Pierre & Miquelon
St. Vincent & Grenadines
Stati Uniti
Sud Africa
Sudan
Sud Sudan
Suriname
Svalbard & Jan Mayen
Svezia
Svizzera
São Tomé & Príncipe
Tagikistan
Tailandia
Taiwan
Tanzania
Territori francesi del sud
Territorio bitannico dell'oceano Indiano
Territori Palestinesi
Timor-Est
Togo
Tokelau
Tonga
Trinidad & Tobago
Tristan da Cunha
Tunisia
Turkmenistan
Turks & Caicos Islands
Tuvalu
Türkiye
Ucraina
Uganda
Ungheria
Uruguay
Uzbekistan
Vanuatu
Venezuela
Vietnam
Wallis & Futuna
Yemen
Zambia
Zimbabwe
Åland Islands
Link multiple
Re-order
Link Title
URL del link
Peso
Operations
Link Title
URL del link
Item weight
Aumentare il valore
Diminuire il valore
Aggiungi more items
Aumentare il valore
Diminuire il valore
more items
Custom composite
Re-order
First name
Last name
Sex
Martial status
Employment status
Age
Peso
Operations
First name
Last name
Sex
Sex
- Nessuno -
Male
Female
Altro…
Enter other…
Martial status
Martial status
- Nessuno -
Single
Married
Divorced
Widowed
Altro…
Enter other…
Employment status
Employment status
- Nessuno -
Full Time
Part Time
Military
Unemployed
Retired
Altro…
Enter other…
Age
Aumentare il valore
Diminuire il valore
Item weight
Aumentare il valore
Diminuire il valore
Aggiungi more items
Aumentare il valore
Diminuire il valore
more items
Form elements
$
Form element
.00
{description}
Form element (Required)
Form element (Disabled)
Form element (Input mask: Phone)
Form element (Input hiding)
Title displayed before
This is a description.
Title displayed after
This is a description.
Title with help (tooltip)
?
Title displayed inline
This is a description.
This description is displayed before the input.
Description displayed before
Description displayed in tooltip
This description is displayed in a tooltip. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
Description with (read) more
This is a description.
Altro
This is more text
Containers elements
Details
This is a description.
Fieldset
This is a description.
Section
This is a description.
Form inline 01
Form inline 02
Container inline
Table
First Name
Last Name
Gender
First name (1)
Last name (1)
Gender (1)
- Nessuno -
Man
Woman
Non-binary
Agender/Genderless
Androgyne/Androgynous
Aporagender
Bigender
Demi-agender
Demi-boy
Demi-fluid
Demi-girl
Demi-gender
Demi-non-binary
Genderqueer
Genderflux
Genderfluid
Gender-indifferent
Gender-neutral
Graygender
Intergender
Maverique
Maxigender
Multigender/Polygender
Neutrois
Pangender/Omnigender
Trigender
Two-spirit
Prefer Not to Answer
First name (2)
Last name (2)
Gender (2)
- Nessuno -
Man
Woman
Non-binary
Agender/Genderless
Androgyne/Androgynous
Aporagender
Bigender
Demi-agender
Demi-boy
Demi-fluid
Demi-girl
Demi-gender
Demi-non-binary
Genderqueer
Genderflux
Genderfluid
Gender-indifferent
Gender-neutral
Graygender
Intergender
Maverique
Maxigender
Multigender/Polygender
Neutrois
Pangender/Omnigender
Trigender
Two-spirit
Prefer Not to Answer
First name (3)
Last name (3)
Gender (3)
- Nessuno -
Man
Woman
Non-binary
Agender/Genderless
Androgyne/Androgynous
Aporagender
Bigender
Demi-agender
Demi-boy
Demi-fluid
Demi-girl
Demi-gender
Demi-non-binary
Genderqueer
Genderflux
Genderfluid
Gender-indifferent
Gender-neutral
Graygender
Intergender
Maverique
Maxigender
Multigender/Polygender
Neutrois
Pangender/Omnigender
Trigender
Two-spirit
Prefer Not to Answer
Dividers
Messages
Information message
×
This is an
info
message.
Messaggio di stato
×
This is a
status
message.
Messaggio di avvertimento
×
This is a
warning
message.
Messaggio di errore
×
This is a
error
message.
Flexbox
Element (Flex: 1)
Element (Flex: 2)
Element (Flex: 3)
Contrib modules
Address
@see
https://www.drupal.org/project/address
Torna su